欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

element中Steps步骤条和Tabs标签页关联的解决

程序员文章站 2022-07-05 11:10:49
步骤条和标签页的简单关联1.步骤条:步骤条的acitve属性用来设置当前激活的步骤,类型为number2.标签页:标签页的v-model属性绑定选项卡中的name值,类型为string3.让两者关联,...

步骤条和标签页的简单关联

element中Steps步骤条和Tabs标签页关联的解决

1.步骤条:

element中Steps步骤条和Tabs标签页关联的解决

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

2.标签页:

element中Steps步骤条和Tabs标签页关联的解决

element中Steps步骤条和Tabs标签页关联的解决

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

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

示例2

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

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