vuejsを使用して特定のタブに着陸する方法

Question

vuejsとelement-uiを使用して特定のタブに行きたいです。 ここにjsfiddleファイルがあります。 https://jsfiddle.net/hutsu1zf/10/

デフォルトでは、最初のタブに表示されます。ページロードイベント中に他のタブに着陸するにはどうすればいいですか？私はvuejsに新しいので、いくつかのヒントも高く評価されます。

Answer 1

タブのactiveName属性を使用できます。 このフィドルを見てください：

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

変更activeNameあなたの要件ごとに。

Answer 2

お知らせvalueel-tabs内の属性とel-tab-paneでname：[パスの問題をデフォルトにVUE-ルータのリダイレクト]の

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