Vue笔记
1:路由router默认主页激活样式Active一直存在
制作导航栏时,添加路由激活样式后,在切换页面路由时,默认首页激活样式一直存在;
如图:
在别的页面首页也会有激活样式。
解决办法:在首页的标签 在这里插入代码片中添加exact;
添加后为 <router-link to="/" exact> ;效果图为:
标签在页面中会被解析成一个标签,在激活的时候a标签会被添加router-link-active的类名,所以想要更改激活样式也可以在样式中给router-link-active的类
原创
2020-05-29 16:47:23 ·
218 阅读 ·
0 评论