vue中刷新頁面定位導航欄(解決刷新頁面導航欄自動定位到首頁的問題+路由傳參)

1.頁面刷新時,判斷URL地址與左邊導航欄定位是否相符(重點看圖3的判斷)

【isActive指樣式名】
在這裏插入圖片描述
【默認爲首頁輪播圖】
在這裏插入圖片描述
【注意:修改時應該帶上參數id】
在這裏插入圖片描述
【index.js中的path也需要傳參id】
在這裏插入圖片描述
【添加樣式】
在這裏插入圖片描述

(1):window.location.hash返回從井號#開始的地址,例如http://aaa.com/#/action/aboutUs,window.location.hash獲取的是#/action/aboutUs
(2):Location對象屬性

在這裏插入圖片描述

2.刷新頁面,定位到相對應的導航欄

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章