這篇文章主要介紹如何解決vue-router 二級導(dǎo)航默認選中某一選項的問題,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、鄂溫克網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5建站、商城系統(tǒng)網(wǎng)站開發(fā)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為鄂溫克等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。現(xiàn)在有一個需求是這樣的:
這個需求很正常吧! 二級導(dǎo)航條,不是二級路由的(如果是二級路由是用linkActiveClass來做,我之前文章說過),是單純獲取數(shù)據(jù)的按鈕,當這個頁面出現(xiàn)時,默認選中第一項。
首先:
上面的判斷的意思是:如果你點擊某一個選項把這個index傳過去,activeName等于那一個傳過來的index(index是遍歷出來的數(shù)據(jù)如:1,2,3,4,5),就顯示該個active或者index==pid,pid默認為0,所以index==0,就是默認第一個選項被選中。
但是當我點擊其它項的時候,要把那個pid改為false,只能把這個false賦值給uid,uid卻不能在data里而聲明,因為組件遍歷v-for是時候就默認執(zhí)行了selected()這個函數(shù),所以只能把這個賦值給全局
我目前只能用這個方法解決這個問題,如果有更好的方法,希望可以共享一下
以上是“如何解決vue-router 二級導(dǎo)航默認選中某一選項的問題”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。