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的动态添加控件并取值的实现代码
Sep 24 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
Apr 24 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
React-Native做一个文本输入框组件的实现代码
Aug 10 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
vue todo-list组件发布到npm上的方法
Apr 04 Javascript
详解各版本React路由的跳转的方法
May 10 Javascript
加快Vue项目的开发速度的方法
Dec 12 Javascript
vue中实现上传文件给后台实例详解
Aug 22 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
May 15 Javascript
JavaScript实现4位随机验证码的生成
Jan 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对二维数组进行排序的简单实例
2013/12/19 PHP
php提交post数组参数实例分析
2015/12/17 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
浅谈PHP的反射API
2017/02/26 PHP
php获取微信openid方法总结
2019/10/10 PHP
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
2007/05/07 Javascript
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
JS实现模仿微博发布效果实例代码
2013/12/16 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
2016/09/05 Javascript
Vuejs 组件——props数据传递的实例代码
2017/03/07 Javascript
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
详解Python中time()方法的使用的教程
2015/05/22 Python
Python实现图像几何变换
2015/07/06 Python
python中常用的九种预处理方法分享
2016/09/11 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
TensorFlow数据输入的方法示例
2018/06/19 Python
在Python文件中指定Python解释器的方法
2019/02/18 Python
利用anaconda保证64位和32位的python共存
2021/03/09 Python
django框架使用orm实现批量更新数据的方法
2019/06/21 Python
Python连接SQLite数据库并进行增册改查操作方法详解
2020/02/18 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
Jones New York官网:美国女装品牌,受白领女性欢迎
2019/11/26 全球购物
社区端午节活动方案
2014/01/28 职场文书
优秀教师工作感言
2014/02/16 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
美丽家庭事迹材料
2014/05/03 职场文书
房租涨价通知
2015/04/23 职场文书
MySQL下使用Inplace和Online方式创建索引的教程
2021/05/26 MySQL
你需要掌握的20个Python常用技巧
2022/02/28 Python