vue項(xiàng)目中導(dǎo)航菜單刷新狀態(tài)未消失怎么解決-創(chuàng)新互聯(lián)

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

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

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

按F5刷新就會(huì)返回默認(rèn)定義的路由，使用 "$route.path" 刷新后還是在最新的一個(gè)路由：

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

補(bǔ)充知識(shí)：vue 動(dòng)態(tài)菜單 刷新空白 解決方案

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

代碼示范注意點(diǎn)：

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

新聞標(biāo)題：vue項(xiàng)目中導(dǎo)航菜單刷新狀態(tài)未消失怎么解決-創(chuàng)新互聯(lián)
本文路徑：http://bm7419.com/article42/ggeec.html

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

廣告

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