路由router默认主页激活样式Active一直存在"/>
Vue日常笔记之路由router默认主页激活样式Active一直存在
制作导航栏时，添加路由激活样式后，在切换页面路由时，默认首页激活样式一直存在；
如图：
在别的页面首页也会有激活样式。
解决办法：在首页的标签 <router-link to="/"> 在这里插入代码片中添加exact;
添加后为 \<router-link to="/" exact> ；效果图为：
<router-link>标签在页面中会被解析成一个<a>标签,在激活的时候a标签会被添加router-link-active的类名，所以想要更改激活样式也可以在样式中给router-link-active的类名写切换样式就可以。
更多推荐
Vue日常笔记之路由router默认主页激活样式Active一直存在
发布评论