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

简介: 动态修改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>
相关文章
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
1912 0
VUE element-ui下拉菜单el-select获取label值或value的值
|
4月前
|
JavaScript
如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题?
如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题?
208 3
|
3月前
|
JavaScript
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
80 0
|
3月前
el-input实现后缀图标和clearable的兼容,调整el-input clearable与自定义图标展示位置问题
el-input实现后缀图标和clearable的兼容,调整el-input clearable与自定义图标展示位置问题
100 0
|
11月前
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
320 0
|
JavaScript
el-select下拉多选框 el-select 设置默认值不可删除功能
Element-UI是一款广泛使用的Vue.js组件库,其中El-Select下拉多选框组件在实际项目开发中经常被使用。然而,在Element 3.0版本中,El-Select下拉多选框默认值可被删除,这可能会导致一些意外情况。本文将介绍如何解决这个问题,实现El-Select下拉多选框设置默认值不可删除的功能。
550 0
el-select下拉多选框 el-select 设置默认值不可删除功能
|
12月前
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
576 0