vue2解決刷新頁面導航欄樣式active始終選中，與頁面內按鈕鏈接跳轉導航欄樣式失效問題

router.js路由設置meta

html：

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

例如：我這里NickName為home

設置:class="{active:$route.meta.active === el.NickName}"

不用在li標簽上設置點擊事件，就可以控制導航active樣式；不管是頁面內按鈕跳轉還是頁面刷新，active樣式永不失效。

 

本文鏈接： https://blog.csdn.net/rosalynnrosy/article/details/85115865