太阳集团tyc5997|官网【中国】有限公司

这篇文章主要介绍了element中Steps步骤条和Tabs标签页关联的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

步骤条的acitve属性用来设置当前激活的步骤，类型为number

2.标签页：

标签页的v-model属性绑定选项卡中的name值，类型为string

用户管理唐山网站排名tab-pane>
配置管理
角色管理

3.让两者关联， 只需要将active和v-model绑定同一个变量即可，但是前者是number，后者是string，所以在步骤条的active的值上减个0就好了

示例2

步骤条的 ：activeIndex值 与 标签页的 el-tab-pane 的 name 属性匹配，标签页切换影响 v-model值

基本信息
配置管理
角色管理
定时任务补偿
定时任务补偿

data(){
return{
activeIndex: '0'
}
}

到此这篇关于element中Steps步骤条和Tabs标签页关联的解决的文章就介绍到这了,更多相关element中Steps和Tabs关联内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！