vue項目中導(dǎo)航菜單刷新狀態(tài)未消失怎么解決？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)公司一直在為企業(yè)提供服務(wù)，多年的磨煉，使我們在創(chuàng)意設(shè)計，成都全網(wǎng)營銷到技術(shù)研發(fā)擁有了開發(fā)經(jīng)驗。我們擅長傾聽企業(yè)需求，挖掘用戶對產(chǎn)品需求服務(wù)價值，為企業(yè)制作有用的創(chuàng)意設(shè)計體驗。核心團隊擁有超過十多年以上行業(yè)經(jīng)驗，涵蓋創(chuàng)意，策化，開發(fā)等專業(yè)領(lǐng)域，公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)成都托管服務(wù)器、APP應(yīng)用開發(fā)、手機移動建站、網(wǎng)頁設(shè)計、網(wǎng)絡(luò)整合營銷。

使用vue element-ui框架構(gòu)建公共導(dǎo)航欄

按F5刷新就會返回默認定義的路由，使用 "$route.path" 刷新后還是在最新的一個路由：

補充知識：vue 動態(tài)菜單 刷新空白 解決方案

1.先確認自己在route.js 或者 main.js 中有沒有使用 路由守衛(wèi)vue.beforeEach和vue.addRouters() 促使頁面每次刷新，重新根據(jù)后臺返回數(shù)據(jù)生成動態(tài)路由，就像你在登陸時做的事情一樣。

代碼示范注意點：

//注意：確定自己避免了路由守衛(wèi)進入死循環(huán)
let oneRun = true; //通過oneRun變量控制 避免陷入死循環(huán)
router.beforeEach((to,from,next)=>{
  if(oneRun){
    oneRun = false;//必須在creatNewRouter() 執(zhí)行
    createNewRouter();
    next({...to, replace: true})// 必不可少的，確保你的動態(tài)路由創(chuàng)建成功再去執(zhí)行其它代碼
  }
})
 
function createNewRouter(){
  //請在這里做你登陸之后所做的創(chuàng)建動態(tài)路由的事情 一模一樣去做。
  //不要用緩存，session或localstorage 否則會報錯。你需要重新發(fā)出請求 登陸怎么做的 這里就怎么做的
};

文章標題：vue項目中導(dǎo)航菜單刷新狀態(tài)未消失怎么解決-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://weahome.cn/article/ggeec.html