element中Steps步骤条和Tabs标签页关联的解决
程序员文章站
2022-07-05 11:10:49
步骤条和标签页的简单关联1.步骤条:步骤条的acitve属性用来设置当前激活的步骤,类型为number2.标签页:标签页的v-model属性绑定选项卡中的name值,类型为string3.让两者关联,...
步骤条和标签页的简单关联
1.步骤条:
步骤条的acitve
属性用来设置当前激活的步骤,类型为number
2.标签页:
标签页的v-model
属性绑定选项卡中的name
值,类型为string
3.让两者关联,只需要将active
和v-model
绑定同一个变量即可,但是前者是number
,后者是string
,所以在步骤条的active
的值上减个0就好了
示例2
步骤条的 :activeindex值 与 标签页的 el-tab-pane 的 name 属性匹配,标签页切换影响 v-model 值
到此这篇关于element中steps步骤条和tabs标签页关联的解决的文章就介绍到这了,更多相关element中steps和tabs关联内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!