0
点赞
收藏
分享

微信扫一扫

vue 给element-ui中的el-tabs动态设置label属性

米小格儿 2022-01-20 阅读 77

效果:

在这里插入图片描述

代码:

<template>
  <div class="login">
    <el-tabs v-model="activeName">
      <el-tab-pane :label="'用户管理('+name+')'" name="1">用户管理</el-tab-pane>
      <el-tab-pane label="配置管理" name="2">配置管理</el-tab-pane>
      <el-tab-pane label="角色管理" name="3">角色管理</el-tab-pane>
      <el-tab-pane label="定时任务补偿" name="4">定时任务补偿</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {
      name:'10',
      activeName: "1",
    };
  },
  methods: {
    
  },
};
</script>
举报

相关推荐

0 条评论