element-ui的标签页之间跳转 - 默认选中

需求：点击对话框，切换标签页后，关闭对话框，再次点击对话框后，标签页默认选中第一个，而不是上次关闭对话框前的标签页，此时我们需要在打开对话框或者关闭对话框，标签页的默认选择。

<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-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
  </el-tabs>
</template>

Tabs 组件可以通过 value/v-model 属性来指定当前选中的标签页，其绑定值为选中选项卡的 name

<script>
  export default {
    data() {
      return {
        activeName: 'second'
      };
    }
  };
</script>

具体详情，请查看 element-ui 官网