基于vue-router 多級(jí)路由redirect 重定向的問題
更新時(shí)間：2018年09月03日 15:12:44 作者：versionli
今天小編就為大家分享一篇基于vue-router 多級(jí)路由redirect 重定向的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
在做多級(jí)路由的時(shí)候遇到很多問題，雖然不難，但是如果沒有經(jīng)驗(yàn)，往往要花一整天時(shí)間才能解決（可能我笨），況且網(wǎng)上資料也很少。
項(xiàng)目需要是這樣的：
登錄頁面跳到后臺(tái)頁面重定向，登錄頁是一級(jí)路由
對(duì)應(yīng)頁面
登錄后：
同時(shí)重定向二級(jí)和三級(jí)頁面，
這樣登錄就會(huì)重定向了，此時(shí)url
但又有一個(gè)問題：當(dāng)再次點(diǎn)擊底部“堂食”的時(shí)候，
url變成這樣，并且三級(jí)頁面沒有出來
解決辦法是：在這個(gè)“堂食”按鍵 添加一個(gè)方法
記住，也只有這樣傳參才有效
如果在<router-link>傳參，問題多多：如linkActiveClass有問題，再次點(diǎn)擊“堂食”，沒有傳參，三級(jí)頁面不出現(xiàn)等等
以上這篇基于vue-router 多級(jí)路由redirect 重定向的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue3?v-bind="$attrs"繼承組件全部屬性的解決方案
這篇文章主要介紹了vue3?v-bind=“$attrs“?繼承組件全部屬性的解決方案,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
Vue3項(xiàng)目中使用自適應(yīng)Rem示例
這篇文章主要為大家介紹了Vue3項(xiàng)目中使用自適應(yīng)Rem示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-08-08
在Vue應(yīng)用程序中，表格是一個(gè)非常常見的組件，在這篇文章中，我們將介紹如何在Vue中進(jìn)行表格的合并和拆分，感興趣的小伙伴可以了解一下2023-06-06
Vue修改iview組件的樣式的兩種方案(element同)
使用vue必然會(huì)用到等iview組件庫,但是iview的組件的樣式跟自己寫的div的樣式修改不太一樣,所以本文給大家介紹了Vue修改iview組件的樣式的兩種方案(element同),需要的朋友可以參考下2024-04-04
這篇文章主要介紹了詳解Vscode中使用Eslint終極配置大全，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了Vue中直接操作數(shù)組索引不奏效的問題解讀，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
基于Vue3和Plotly.js實(shí)現(xiàn)交互式3D圖
這篇文章主要介紹了基于Vue3和Plotly.js實(shí)現(xiàn)交互式3D圖,本代碼旨在為數(shù)據(jù)可視化提供一個(gè)交互式圖表,允許用戶動(dòng)態(tài)控制圖表中線條的顏色和可見性,此功能對(duì)于探索大型數(shù)據(jù)集或突出特定數(shù)據(jù)子集非常有用,需要的朋友可以參考下2024-07-07
Vuex modules模式下mapState/mapMutations的操作實(shí)例
這篇文章主要介紹了Vuex modules 模式下 mapState/mapMutations 的操作實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要介紹了vue的table表格組件的封裝方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue組件封裝實(shí)現(xiàn)抽獎(jiǎng)隨機(jī)數(shù)
這篇文章主要為大家詳細(xì)介紹了vue組件封裝實(shí)現(xiàn)抽獎(jiǎng)隨機(jī)數(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03