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