vue2解决刷新页面导航栏样式active始终选中，与页面内按钮链接跳转导航栏样式失效问题

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

rosalynnrosy

5249人浏览 · 2018-12-20 11:44:50

rosalynnrosy · 2018-12-20 11:44:50 发布

router.js路由显示

html：

循环中必须有个字段是与路由中的name对应上。

例如：我这里NickName为home

设置:class="{active:$route.name === el.NickName}"

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^