vue2解决刷新页面时，导航栏样式active错乱的问题

router.js路由显示:

html：

将循环中的一个字段是与路由中的某个字段对应上。我这里直接选择的是地址path。

设置:class="{active:$route.path === item.menuUrl}"

不用在li标签上设置点击事件，就可以控制导航active样式；不管是页面内按钮跳转还是页面刷新，active样式永不失效。