更详细内容看官方文档: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>