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