更详细内容看官方文档:Tabs 标签页
<template>
<el-tabs v-model="name" @tab-click="clickTab">
<el-tab-pane :label="'用户管理('+num+')'" name="first">用户管理</el-tab-pane>
<el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
<el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
</el-tabs>
</template>
<script>
export default {
data() {
return {
num:'10',
name: "second",
};
},
methods: {
clickTab(tab, event) {
console.log(tab, event);
},
},
};
</script>