1. 程式人生 > >vue-router 二級導航預設選中某一選項的問題

vue-router 二級導航預設選中某一選項的問題

現在有一個需求是這樣的:

這個需求很正常吧! 二級導航條,不是二級路由的(如果是二級路由是用linkActiveClass來做,我之前文章說過),是單純獲取資料的按鈕,當這個頁面出現時,預設選中第一項。

首先:

 


上面的判斷的意思是:如果你點選某一個選項把這個index傳過去,activeName等於那一個傳過來的index(index是遍歷出來的資料如:1,2,3,4,5),就顯示該個active或者index==pid,pid預設為0,所以index==0,就是預設第一個選項被選中。

但是當我點選其它項的時候,要把那個pid改為false,只能把這個false賦值給uid,uid卻不能在data裡而宣告,因為元件遍歷v-for是時候就預設執行了selected()這個函式,所以只能把這個賦值給全域性

 我目前只能用這個方法解決這個問題,如果有更好的方法,希望可以共享一下