当通过一个数组循环调取tab项时,如果数组里有更多参数,默认点击只能看到label和name
tab-click 事件取到的是被选标签tab的实例
通过$attrs.value 来取item的值
<el-tabs type="border-card" @tab-click="handleClick" >
<el-tab-pane v-for="(item,index) in tabsList" :key="item.id" :label="item.title" :name="item.name">用户管理</el-tab-pane>
</el-tabs>
……
data:(){
return:{
tabsList:[{
id:1,
name:'tab_a',
title:'标签',
type:'a'
},
{
id:2,
name:'tab_b',
title:'标签',
type:'b'
},
]
}
},
methods:{
handleClick(el){
this.currentTab = el.$attrs.value // 对应的就是item的完整对象。
}
}
更多推荐