router-link

98 阅读1分钟

router-link的模糊匹配和精确匹配(默认是模糊匹配)

router-link的本质还是a标签,在使用它的时候会自动给该a标签添加上router-link-active(模糊匹配)和router-link-exact-active(精确匹配)这两个类名,但是如果想要使用这两个类名时来修改样式时,还是要给router-link标签加上class="router-link-active"或者class="router-link-exact-active",才能使用它。

去除router-link的默认样式

因为浏览器在渲染的时候会将router-link标签渲染为a标签,所以这里可以直接通过a标签的标签选择器修改样式。

a{

  text-decoration: none;

  color: ###;//想要设置的颜色

}

如果给router-link标签加上class="router-link-active",那么可以使用类选择器修改样式。 .router-link-active{

  text-decoration: none;

  color: ###;//想要设置的颜色

}