router.js路由显示
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIwczX0xiRGZkRGZ0Xy9GbvNGL2EzXlpXazxSP9EVZ6lTbjVXNXV2cGJzY2p0MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL4UTOxIDM1QTMwIjMxgTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
html:
循环中必须有个字段是与路由中的name对应上。
例如:我这里NickName为home
设置:class="{active:$route.name === el.NickName}"
不用在li标签上设置点击事件,就可以控制导航active样式;不管是页面内按钮跳转还是页面刷新,active样式永不失效。
循环中必须有个字段是与路由中的name对应上。
例如:我这里NickName为home
设置:class="{active:$route.name === el.NickName}"
不用在li标签上设置点击事件,就可以控制导航active样式;不管是页面内按钮跳转还是页面刷新,active样式永不失效。