如何使用 vuejs 登陆特定选项卡

【问题标题】：How to land on a specific tab using vuejs如何使用 vuejs 登陆特定选项卡
【发布时间】：2018-04-28 07:30:35
【问题描述】：

我想使用vuejs 和element-ui 转到特定选项卡。这是 jsfiddle 文件。 https://jsfiddle.net/hutsu1zf/10/

默认情况下，它会降落到第一个选项卡。页面加载事件时如何登陆任何其他选项卡。我是 vuejs 的新手，所以即使是一些提示也会受到赞赏。

【问题讨论】：

vue-router redirect to default path issue的可能重复

标签： vue.js vuejs2 vue-router

【解决方案1】：

您可以使用选项卡的activeName 属性。看看这个小提琴：

https://jsfiddle.net/hutsu1zf/21/

根据您的要求更改activeName。

【讨论】：

【解决方案2】：

注意el-tabs 中的value 属性和el-tab-pane 中的name：

<el-tabs type="border-card" value="2">
  <el-tab-pane   id="tab-1" label="Route">
    Route
  </el-tab-pane>
  <el-tab-pane id="tab-0"  label="Config">
    Config
  </el-tab-pane>
  <el-tab-pane id="tab-2" name="2" label="Role">
    Role
  </el-tab-pane>
  <el-tab-pane id="tab-3" label="Task">
    Task
  </el-tab-pane>
</el-tabs>

【讨论】：