1.步骤条:

步骤条的acitve属性用来设置当前激活的步骤,类型为number
2.标签页:


标签页的v-model属性绑定选项卡中的name值,类型为string
用户管理 配置管理 角色管理
3.让两者关联,只需要将active和v-model绑定同一个变量即可,但是前者是number,后者是string,所以在步骤条的active的值上减个0就好了
示例2
步骤条的 :activeIndex值 与 标签页的 el-tab-pane 的 name 属性匹配,标签页切换影响 v-model 值
data(){ return{ activeIndex: '0' } } 基本信息 配置管理 角色管理 定时任务补偿 定时任务补偿