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控制display属性为none或block
Mar 31 Javascript
javascript中setTimeout的问题解决方法
May 08 Javascript
Javascript检查图片大小不要让大图片撑破页面
Nov 04 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
seaJs使用心得之exports与module.exports的区别实例分析
Oct 13 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
Vue实现移动端拖拽交换位置
Jul 29 Javascript
JavaScript中的LHS和RHS分析详情
Apr 06 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不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
Javascript的IE和Firefox兼容性汇编(zz)
2007/02/02 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
2014/10/22 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
javascript密码强度校验代码(两种方法)
2015/08/10 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
Jquery 垂直多级手风琴菜单附源码下载
2015/11/17 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】
2017/09/06 NodeJs
微信小程序定位当前城市的方法
2018/07/19 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
Vue $attrs & inheritAttr实现button禁用效果案例
2020/12/07 Vue.js
python实现拓扑排序的基本教程
2018/03/11 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
什么是WEB控件?使用WEB控件有哪些优势?
2012/01/21 面试题
结婚典礼证婚词
2014/01/08 职场文书
入党自荐书范文
2014/03/09 职场文书
婚礼主持结束词
2014/03/13 职场文书
解除劳动合同协议书
2014/09/17 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
井冈山红色之旅心得体会
2014/10/07 职场文书
中秋节感想
2015/08/10 职场文书
公安干警正风肃纪心得体会
2016/01/15 职场文书