天天看點

vue2解決重新整理頁面導航欄樣式active始終選中,與頁面内按鈕連結跳轉導航欄樣式失效問題router.js路由顯示html:

router.js路由顯示

vue2解決重新整理頁面導航欄樣式active始終選中,與頁面内按鈕連結跳轉導航欄樣式失效問題router.js路由顯示html:

html:

循環中必須有個字段是與路由中的name對應上。

例如:我這裡NickName為home

設定:class="{active:$route.name === el.NickName}"

不用在li标簽上設定點選事件,就可以控制導航active樣式;不管是頁面内按鈕跳轉還是頁面重新整理,active樣式永不失效。

vue2解決重新整理頁面導航欄樣式active始終選中,與頁面内按鈕連結跳轉導航欄樣式失效問題router.js路由顯示html: