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

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

使用vue element-ui框架構建公共導航欄

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

<el-menu :default-active="$route.path"></el-menu>

補充知識：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項目中導航菜單刷新狀態(tài)未消失怎么解決-創(chuàng)新互聯(lián)
本文路徑：http://m.rwnh.cn/article42/ggeec.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、企業(yè)建站、外貿(mào)建站、網(wǎng)站建設、定制開發(fā)、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)