动态修改el-tab-pane 的label(整理)

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

猜你喜欢

转载自blog.csdn.net/qq_38881495/article/details/126067685