這篇文章主要介紹如何解決vue-router 二級導(dǎo)航默認(rèn)選中某一選項(xiàng)的問題,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
我們提供的服務(wù)有:成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、吉州ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的吉州網(wǎng)站制作公司
現(xiàn)在有一個需求是這樣的:
這個需求很正常吧! 二級導(dǎo)航條,不是二級路由的(如果是二級路由是用linkActiveClass來做,我之前文章說過),是單純獲取數(shù)據(jù)的按鈕,當(dāng)這個頁面出現(xiàn)時,默認(rèn)選中第一項(xiàng)。
首先:
上面的判斷的意思是:如果你點(diǎn)擊某一個選項(xiàng)把這個index傳過去,activeName等于那一個傳過來的index(index是遍歷出來的數(shù)據(jù)如:1,2,3,4,5),就顯示該個active或者index==pid,pid默認(rèn)為0,所以index==0,就是默認(rèn)第一個選項(xiàng)被選中。
但是當(dāng)我點(diǎn)擊其它項(xiàng)的時候,要把那個pid改為false,只能把這個false賦值給uid,uid卻不能在data里而聲明,因?yàn)榻M件遍歷v-for是時候就默認(rèn)執(zhí)行了selected()這個函數(shù),所以只能把這個賦值給全局
我目前只能用這個方法解決這個問題,如果有更好的方法,希望可以共享一下
以上是“如何解決vue-router 二級導(dǎo)航默認(rèn)選中某一選項(xiàng)的問題”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!