這篇文章主要介紹vue項(xiàng)目刷新后導(dǎo)航菜單高亮顯示的位置不對(duì)怎么辦,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、網(wǎng)站制作、商城網(wǎng)站制作、微信營(yíng)銷、系統(tǒng)平臺(tái)開(kāi)發(fā), 與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開(kāi)發(fā)公司不同,創(chuàng)新互聯(lián)建站的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營(yíng)銷的理念,并將策略和執(zhí)行緊密結(jié)合,為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。1本人在學(xué)vue項(xiàng)目時(shí)遇到一個(gè)坑、在寫(xiě)vue項(xiàng)目頭部導(dǎo)航時(shí),比如點(diǎn)擊第三個(gè),刷新后,高亮狀態(tài)顯示在第一個(gè):
現(xiàn)在是點(diǎn)擊第三個(gè)頁(yè)面 刷新后,是第一個(gè)頁(yè)面高亮顯示,但是因?yàn)槁酚陕窂經(jīng)]有改變頁(yè)面內(nèi)容還是第三個(gè)頁(yè)面內(nèi)容,改變的是導(dǎo)航的狀態(tài);
捯飭了好久才搞出來(lái),傷的不輕,看控制導(dǎo)航狀態(tài)的代碼部分;
在頭部組件里面控制導(dǎo)航菜單高亮顯示是checkindex,默認(rèn)值是0,觸發(fā)點(diǎn)擊事件contact時(shí)候會(huì)重新賦值,跳轉(zhuǎn)路由,一旦刷新頁(yè)面,這個(gè)checkindex的值就是0,所以要把這個(gè)checkindex值記錄下來(lái),時(shí)刻監(jiān)聽(tīng)到變化;利用到vue的父子和子父?jìng)髦?;監(jiān)聽(tīng)狀態(tài)的變化
1、子頁(yè)面把狀態(tài)把值傳給父頁(yè)面
2、父頁(yè)面接收傳過(guò)來(lái)的值;
3.在把接收的值傳給header子組件,子組件接收
以上是“vue項(xiàng)目刷新后導(dǎo)航菜單高亮顯示的位置不對(duì)怎么辦”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。