这篇文章主要介绍了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’
}
}
到此这篇关于element中Steps步骤条和Tabs标签页关联的解决的文章就介绍到这了,更多相关element中Steps和Tabs关联内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
来源：脚本之家
链接：https://www.jb51.net/article/201705.htm
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：SEO优化专员，转转请注明出处：https://www.chuangxiangniao.com/p/896847.html
