发现router-link添加上去后文字上会出现下划线,打开调试工具发现router-link其实是由a来实现的,在reset的时候
a { text-decoraction: none; }
至于点击之后的样式则是router-link-active
.router-link-active { text-decoration: none; }
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样式设置问题的主要内容,如果未能解决你的问题,请参考以下文章
使用 styled-components 设置 Router Link 的样式
Vue总结第五天:vue-router (使用模块化(创建Vue组件)机制编程)router-link 标签的属性路由代码跳转懒加载路由嵌套(子路由)路由传递数据导航守卫)