vue-router的link样式设置问题

Posted loveAline

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-router的link样式设置问题相关的知识,希望对你有一定的参考价值。

发现router-link添加上去后文字上会出现下划线,打开调试工具发现router-link其实是由a来实现的,在reset的时候

a {
    text-decoraction: none;
}

至于点击之后的样式则是router-link-active

.router-link-active {
    text-decoration: none;
}

以上是关于vue-router的link样式设置问题的主要内容,如果未能解决你的问题,请参考以下文章

VueRouter的基本使用

使用 styled-components 设置 Router Link 的样式

让vue-router渲染为指定的标签

vue-router传参

Vue总结第五天:vue-router (使用模块化(创建Vue组件)机制编程)router-link 标签的属性路由代码跳转懒加载路由嵌套(子路由)路由传递数据导航守卫)

vue-router总结