Vue-路由导航菜单栏的高亮设置方法
2018-03-17 08:59
627 查看
如下所示:
默认情况下,路由的导航菜单,会自动给当前菜单添加router-link-exact-active 和router-link-active 类。
我们可以通过 linkActiveClass 来修改 router-link-active 这个类名,
在路由规则配置中添加配置项linkActiveClass: ‘mui-active',通过'mui-active'来自定义控制菜单栏切换样式
以上这篇Vue-路由导航菜单栏的高亮设置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Vue-路由导航菜单栏的高亮设置
- vue二级路由设置方法
- vue 设置路由的登录权限的方法
- vue路由拦截及页面跳转的设置方法
- vue 路由嵌套高亮问题的解决方法
- vue-router之nuxt动态路由设置的两种方法小结
- 无线路由器使用方法,教你怎么设置无线路由
- Linux下永久路由的设置方法
- vue根据进入的路由进行原路返回的方法
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- Vue 路由传值的几种方法
- Vue + Vue-router 同名路由切换数据不更新的方法
- 【转】sublime中BracketHighlighter插件高亮设置方法
- vue路由懒加载的实现方法
- Ios开发Swift自定义UIbutton增加一个能设置高亮状态下背景颜色的方法
- 使用vue-router设置每个页面的title方法
- 在linux下设置永久路由的方法
- vue2.0设置proxyTable使用axios进行跨域请求的方法
- linux多网卡的路由模式和桥接模式设置方法
- Vue执行方法,方法获取data值,设置data值,方法传值