Vue-路由导航菜单栏的高亮设置方法


Posted in Javascript onMarch 17, 2018

如下所示:

默认情况下,路由的导航菜单,会自动给当前菜单添加router-link-exact-active 和router-link-active 类。

我们可以通过 linkActiveClass 来修改 router-link-active 这个类名,

在路由规则配置中添加配置项linkActiveClass: ‘mui-active',通过'mui-active'来自定义控制菜单栏切换样式

以上这篇Vue-路由导航菜单栏的高亮设置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
图片完美缩放
Sep 07 Javascript
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
Javascript打印网页部分内容的脚本
Nov 17 Javascript
jQuery技巧大放送 学习jquery的朋友可以看下
Oct 14 Javascript
JavaScript.Encode手动解码技巧
Jul 14 Javascript
自定义的一个简单时尚js下拉选择框
Nov 20 Javascript
初识Node.js
Sep 03 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
详解jQuery的表单验证插件--Validation
Dec 21 Javascript
正则验证小数点后面只能有两位数的方法
Feb 28 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 Javascript
vue实现下载文件流完整前后端代码
Nov 17 Vue.js
Vue 实现双向绑定的四种方法
Mar 16 #Javascript
p5.js入门教程之鼠标交互的示例
Mar 16 #Javascript
JS匿名函数和匿名自执行函数概念与用法分析
Mar 16 #Javascript
解决npm管理员身份install时出现权限的问题
Mar 16 #Javascript
vue-router相关基础知识及工作原理
Mar 16 #Javascript
axios post提交formdata的实例
Mar 16 #Javascript
在vue组件中使用axios的方法
Mar 16 #Javascript
You might like
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
js 目录列举函数
2008/11/06 Javascript
JQUERY操作JSON实例代码
2010/02/09 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
jQuery中:nth-child选择器用法实例
2014/12/31 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
微信小程序 如何保持登录状态
2019/08/16 Javascript
JavaScript cookie原理及使用实例
2020/05/08 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
Python库urllib与urllib2主要区别分析
2014/07/13 Python
Python循环语句之break与continue的用法
2015/10/14 Python
python Django模板的使用方法
2016/01/14 Python
Python正则表达式常用函数总结
2017/06/24 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
详解python 爬取12306验证码
2019/05/10 Python
pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解
2020/01/02 Python
Python flask框架端口失效解决方案
2020/06/04 Python
基于Python3读写INI配置文件过程解析
2020/07/23 Python
英国钻石公司:British Diamond Company
2020/02/16 全球购物
班组安全员工作职责
2014/02/01 职场文书
安全协议书范本
2014/04/21 职场文书
创业女性典型材料
2014/05/02 职场文书
反腐倡廉警示教育活动总结
2014/05/05 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
班级班风口号大全
2015/12/25 职场文书
golang的文件创建及读写操作
2022/04/14 Golang
Nginx 常用配置
2022/05/15 Servers