溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

如何解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題

發(fā)布時(shí)間：2021-07-21 11:12:15 來(lái)源：億速云 閱讀：142 作者：小新 欄目：web開(kāi)發(fā)

這篇文章主要介紹如何解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

現(xiàn)在有一個(gè)需求是這樣的：

如何解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題

這個(gè)需求很正常吧！ 二級(jí)導(dǎo)航條，不是二級(jí)路由的（如果是二級(jí)路由是用linkActiveClass來(lái)做，我之前文章說(shuō)過(guò)），是單純獲取數(shù)據(jù)的按鈕，當(dāng)這個(gè)頁(yè)面出現(xiàn)時(shí)，默認(rèn)選中第一項(xiàng)。

首先：

如何解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題

如何解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題

如何解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題

上面的判斷的意思是：如果你點(diǎn)擊某一個(gè)選項(xiàng)把這個(gè)index傳過(guò)去，activeName等于那一個(gè)傳過(guò)來(lái)的index(index是遍歷出來(lái)的數(shù)據(jù)如:1,2,3,4,5),就顯示該個(gè)active或者index==pid，pid默認(rèn)為0，所以index==0,就是默認(rèn)第一個(gè)選項(xiàng)被選中。

但是當(dāng)我點(diǎn)擊其它項(xiàng)的時(shí)候，要把那個(gè)pid改為false，只能把這個(gè)false賦值給uid,uid卻不能在data里而聲明，因?yàn)榻M件遍歷v-for是時(shí)候就默認(rèn)執(zhí)行了selected()這個(gè)函數(shù)，所以只能把這個(gè)賦值給全局

如何解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題

我目前只能用這個(gè)方法解決這個(gè)問(wèn)題，如果有更好的方法，希望可以共享一下

以上是“如何解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手