基于vue-router 多級路由redirect 重定向的問題
在做多級路由的時(shí)候遇到很多問題,雖然不難,但是如果沒有經(jīng)驗(yàn),往往要花一整天時(shí)間才能解決(可能我笨),況且網(wǎng)上資料也很少。
項(xiàng)目需要是這樣的:
登錄頁面跳到后臺(tái)頁面重定向,登錄頁是一級路由
對應(yīng)頁面
登錄后:
同時(shí)重定向二級和三級頁面,
這樣登錄就會(huì)重定向了,此時(shí)url
但又有一個(gè)問題:當(dāng)再次點(diǎn)擊底部“堂食”的時(shí)候,
url變成這樣,并且三級頁面沒有出來
解決辦法是:在這個(gè)“堂食”按鍵 添加一個(gè)方法
記住,也只有這樣傳參才有效
如果在<router-link>傳參,問題多多:如linkActiveClass有問題,再次點(diǎn)擊“堂食”,沒有傳參,三級頁面不出現(xiàn)等等
以上這篇基于vue-router 多級路由redirect 重定向的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue實(shí)現(xiàn)生成本地Json文件功能方式
這篇文章主要介紹了Vue實(shí)現(xiàn)生成本地Json文件功能方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07Nuxt pages下不同的頁面對應(yīng)layout下的頁面布局操作
這篇文章主要介紹了Nuxt pages下不同的頁面對應(yīng)layout下的頁面布局操作,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11vue中封裝axios并實(shí)現(xiàn)api接口的統(tǒng)一管理
這篇文章主要介紹了vue中封裝axios并實(shí)現(xiàn)api接口的統(tǒng)一管理的方法,幫助大家更好的理解和使用vue,感興趣的朋友可以了解下2020-12-12Vue如何使用Element-ui表單發(fā)送數(shù)據(jù)與多張圖片到后端詳解
在做項(xiàng)目的時(shí)候遇到一個(gè)問題,前端需要上傳表單到后端,表單數(shù)據(jù)包括文本內(nèi)容和圖片,這篇文章主要給大家介紹了關(guān)于Vue如何使用Element-ui表單發(fā)送數(shù)據(jù)與多張圖片到后端的相關(guān)資料,需要的朋友可以參考下2022-04-04