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

Question

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

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

Answer 1

您可以使用选项卡的 activeName 属性。看看这个fiddle:

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

根据您的要求更改 activeName。

Answer 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>

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

How to land on a specific tab using vuejs

vue.js

vue-router

vuejs2