Arco Design 的 Steps 步骤条怎么动态控制当前步骤？

UX-彤彤提问于 2026-03-15 19:11:22 阅读 2

组件

我在用 Arco Design 的 Steps 组件做表单分步提交，想根据用户操作动态切换 current 值，但改了 data 里的值页面没反应，是不是哪里写错了？

我试过直接修改 current 变量，也试过用 $nextTick，都不行。代码大概长这样：

<template>
  <a-steps :current="current" :model-only="true">
    <a-step title="第一步"></a-step>
    <a-step title="第二步"></a-step>
    <a-step title="第三步"></a-step>
  </a-steps>
  <button @click="current++">下一步</button>
</template>

<script>
export default {
  data() {
    return { current: 0 }
  }
}
</script>

Steps步骤条

我来解答赞 0 收藏

反馈

暂无解答