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 条评论

发表评论

邮箱地址不会被公开。 必填项已用*标注