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 相关文章推荐
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
浅谈JQ中mouseover和mouseenter的区别
Sep 13 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
Dec 28 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
Vue elementui字体图标显示问题解决方案
Aug 18 Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
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
php图片缩放实现方法
2014/02/20 PHP
PHP版微信公众平台红包API
2015/04/02 PHP
java模拟PHP的pack和unpack类
2016/04/13 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
最短的IE判断代码
2011/03/13 Javascript
js实现在字符串中提取数字
2013/11/05 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
浅谈JavaScript的push(),pop(),concat()方法
2016/06/03 Javascript
JavaScript闭包原理与用法实例分析
2018/08/10 Javascript
微信小程序如何利用getCurrentPages进行页面传值
2019/07/01 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
Python分治法定义与应用实例详解
2017/07/28 Python
python enumerate函数的使用方法总结
2017/11/15 Python
python编程线性回归代码示例
2017/12/07 Python
20行python代码实现人脸识别
2019/05/05 Python
Python笔记之工厂模式
2019/11/20 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
Python startswith()和endswith() 方法原理解析
2020/04/28 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
财务管理专业毕业生求职信范文
2013/09/21 职场文书
法律专业实习鉴定
2013/12/22 职场文书
小学家长会邀请函
2014/01/23 职场文书
文明社区申报材料
2014/08/21 职场文书
大连星海广场导游词
2015/02/10 职场文书
实习护士自荐信
2015/03/25 职场文书
生产现场禁烟通知
2015/04/23 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
感恩教育主题班会
2015/08/12 职场文书
丧事答谢词大全
2015/09/30 职场文书
Spring Data JPA的Audit功能审计数据库的变更
2021/06/26 Java/Android
Python中Matplotlib的点、线形状、颜色以及绘制散点图
2022/04/07 Python