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 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
May 14 Javascript
javascript闭包的高级使用方法实例
Jul 04 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
js实现对table的增加行和删除行的操作方法
Oct 13 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
JS实现的Unicode编码转换操作示例
Apr 28 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
Jan 21 Javascript
Postman模拟发送带token的请求方法
Mar 31 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模拟登陆的实现方法分析
2015/01/09 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
2011/10/21 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
jquery代码实现多选、不同分享功能
2015/07/31 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
jQuery 全选 全不选 事件绑定的实现代码
2017/01/23 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
node.js 模块和其下载资源的镜像设置的方法
2018/09/06 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
python实现图片批量剪切示例
2014/03/25 Python
Python的randrange()方法使用教程
2015/05/15 Python
python清除指定目录内所有文件中script的方法
2015/06/30 Python
玩转python爬虫之正则表达式
2016/02/17 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
python实现银行管理系统
2019/10/25 Python
python+selenium+Chrome options参数的使用
2020/03/18 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
解决python 虚拟环境删除包无法加载的问题
2020/07/13 Python
Python 解析库json及jsonpath pickle的实现
2020/08/17 Python
Cpython解释器中的GIL全局解释器锁
2020/11/09 Python
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
户外婚礼策划方案
2014/02/08 职场文书
请假条标准格式规范
2014/04/10 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
教师党员群众路线教育实践活动心得体会
2014/11/04 职场文书
成本会计实训报告
2014/11/05 职场文书