Element UI 之Tab選項卡跳轉問題

在做項目的時候,遇到一個需求,內容大致是:

1.有一個Tab選項卡(Tab A 和 Tab B),目前對應兩個頁面(頁面A和頁面B)

2.在頁面A 和頁面B中,都可以跳轉到相應的子頁面 (子頁面A-1,子頁面B-1)

3.在子頁面中頭部有面包屑導航,點擊B-1頁面中的導航,需要跳轉到 Tab B

解決思路:在子頁面B-1頭部的面包屑導航跳轉的時候,傳遞一個參數(shù) active:true,

在Tab頁中接收這個參數(shù),并且判斷,當active=true時,改變Tab的activeName為Tab B

Tab 頁面:


<el-tab-pane label="Tab A" name="0">

    <Tab A></Tab A>

</el-tab-pane>

<el-tab-pane label="Tab B" name="1">

     <Tab B></Tab B>

</el-tab-pane>

data() {

      return {

        activeName: '0',

        active:this.$route.query.active

      }

 },

created(){

    if(this.active==true){

        this.activeName='1'

     }

 },

子頁面:


<el-breadcrumb-item  :to="{ name: 'TAB' ,query:{active:true}}">TAB</el-breadcrumb-item>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容