<template>
<div class="login">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane
v-for="(item,index) in list"
:key="index"
:label="item.label+'('+item.number+')'"
:name="item.name"
>{{item.label}}</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
export default {
data() {
return {
activeName: 'second',
list: [
{
label: '用户管理',
number: 10,
name: 'first'
},
{
label: '配置管理',
number: 11,
name: 'second'
},
{
label: '角色管理',
number: 12,
name: 'third'
},
{
label: '定时任务补偿',
number: 13,
name: 'fourth'
}
]
}
},
methods: {
handleClick(tab, event) {
console.log(tab, event, this.activeName)
}
}
}
</script>
vue element-ui里面el-tabs 动态设置label属性
最新推荐文章于 2024-05-16 11:57:58 发布