首页 >> js开发 >> jselement中Steps步骤条和Tabs标签页关联的解决js大全
jselement中Steps步骤条和Tabs标签页关联的解决js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
步骤条和标签页的简单关联步骤条和标签页的简单关联步骤条和标签页的简单关联1.步骤条:
1.步骤条:
步骤条的acitve属性用来设置当前激活的步骤,类型为numberacitvenumber
2.标签页:
2.标签页:
标签页的v-model属性绑定选项卡中的name值,类型为stringv-modelnamestring
用户管理
配置管理
角色管理
用户管理
配置管理
角色管理
3.让两者关联,只需要将active和v-model绑定同一个变量即可,但是前者是number,后者是string,所以在步骤条的active的值上减个0就好了3.让两者关联,activev-modelnumberstringactive示例2示例2步骤条的 :activeIndex值 与 标签页的 el-tab-pane 的 name 属性匹配,标签页切换影响 v-model 值
基本信息
配置管理
角色管理
定时任务补偿
定时任务补偿
data(){
return{
activeIndex: '0'
}
}
基本信息
配置管理
角色管理
定时任务补偿
定时任务补偿
data(){
return{
activeIndex: '0'
}
}
1.步骤条:
步骤条的acitve属性用来设置当前激活的步骤,类型为numberacitvenumber
2.标签页:
标签页的v-model属性绑定选项卡中的name值,类型为stringv-modelnamestring
data(){
return{
activeIndex: '0'
}
}
data(){
return{
activeIndex: '0'
}
}