tabs标签页

<!-- activeName：选择的标签name值 -->
<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first">用户管理内容</el-tab-pane>
    <el-tab-pane label="配置管理" name="second">配置管理内容</el-tab-pane>
  </el-tabs>
</template>
<script>
  export default {
    
    
    data() {
    
    
      return {
    
    
        activeName: 'second'
      };
    },
    methods: {
    
    
      handleClick() {
    
    
        console.log(this.activeName);
      }
    }
  };
</script>