element中Steps步骤条和Tabs标签页关联的解决
这篇文章主要介绍了element中Steps进程条和Tabs标签页相关的处理,文中经过示例代码介绍的十分具体,对大家的学习或者作业具有必定的参阅学习价值,需要的朋友们下面跟着小编来一同学习学习吧
进程条的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’
}
}
共有 0 条评论