vue-router中的router-link的active-class
2018-06-24 01:27:09来源：未知 阅读 ()
在vue-router中要使用选中样式的方法有两种：
1、直接在路由js文件中配置linkActiveClass
2、在router-link中写入active-class
问题：如果就这样，那么会出现一个问题，不管跳转到哪里，跳转到根目录的那个连接（to="/"） 始终都会有选中样式
为什么会这样呢？查阅文档：https://router.vuejs.org/zh-cn/api/router-link.html
知道了，如果只是添加选中样式，那么只要是以to的值开头的，都会激活选中样式
to="/" to="/a" to="/b"
为了解决上面的问题，还需加入一个属性exact,类似也有两种方式：
1、直接在路由js文件中配置linkActiveClass
2、在router-link中写入exact
好了，看看效果：
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：JS应用实例5：全选、动态添加
下一篇：JS应用实例2：轮播图
- Javascript中的经典技巧 2020-03-20
- 带你了解JavaScript中的函数 2020-03-08
- 默认让页面的第一个控件选中的javascript代码 2020-02-20
- 详谈构造函数加括号与不加括号的区别 2020-01-17
- JavaScript中的apply和call函数详解 2020-01-07
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
