当通过一个数组循环调取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的完整对象。
 		 
	}
}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐