解決vue-router 二級導航默認選中某一選項的問題

更新時間：2019年11月01日 16:39:17 作者：versionli

今天小編就為大家分享一篇解決vue-router 二級導航默認選中某一選項的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

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

這個需求很正常吧！二級導航條，不是二級路由的（如果是二級路由是用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 二級導航默認選中某一選項的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue3使用video.js播放m3u8格式視頻的操作指南
有時候我們需要播放 m3u8 格式的視頻,或者實現(xiàn)視頻播放器更多定制化需求,HTML 的 video 元素無法實現(xiàn)這些需求,這時候可以考慮使用 Video.js,本文給大家介紹了vue3使用video.js播放m3u8格式視頻的操作指南,需要的朋友可以參考下
2024-07-07
在vue路由上添加公共的路由前綴方式
這篇文章主要介紹了在vue路由上添加公共的路由前綴方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12
vue實現(xiàn)在線預覽office文件的示例代碼
本文主要介紹了vue實現(xiàn)在線預覽office文件，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
vue通過cookie獲取用戶登錄信息的思路詳解
這篇文章主要介紹了vue通過cookie獲取用戶登錄信息的思路詳解，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-10-10
vant的picker的坑及解決
這篇文章主要介紹了vant的picker的坑及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12
vue使用axios導出后臺返回的文件流為excel表格詳解
這篇文章主要介紹了vue使用axios導出后臺返回的文件流為excel表格方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
Vue3中動態(tài)修改樣式與級聯(lián)樣式優(yōu)先順序圖文詳解
在項目中,我們時常會遇到動態(tài)的去綁定操作切換不同的CSS樣式,下面這篇文章主要給大家介紹了關(guān)于Vue3中動態(tài)修改樣式與級聯(lián)樣式優(yōu)先順序的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-04-04
Pinia簡單使用以及數(shù)據(jù)持久化詳解
最近正在使用Pinia進行狀態(tài)管理,我希望在重新刷新頁面時保持狀態(tài),下面這篇文章主要給大家介紹了關(guān)于Pinia簡單使用以及數(shù)據(jù)持久化的相關(guān)資料,需要的朋友可以參考下
2022-05-05
使用Elemen加上lang=“ts“后編譯報錯
本文主要介紹了使用Elemen加上lang=“ts“后編譯報錯，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-04-04
Vue3使用customRef封裝防抖函數(shù)的方法詳解
防抖函數(shù)的作用是高頻率觸發(fā)的事件,在指定的單位時間內(nèi),只響應最后一次,如果在指定的時間內(nèi)再次觸發(fā),則重新計算時間,本文將給大家詳細的介紹一下Vue3使用customRef封裝防抖函數(shù)的方法,需要的朋友可以參考下
2023-09-09