消除router-link 的下划线问题
Router Link 消除 下划线 问题
2023-09-14 09:04:07 时间
<router-link to='/forgetpassword'>
忘记密码?
</router-link>
使用router-link实现路由跳转,代码如上,
虽然能实现跳转了,但是文字带有了下划线,不好看
要消除下划线,增加一下样式代码即可:
a {
color: #409EFF;
text-decoration: none;
}
.router-link-active {
text-decoration: none;
}
效果如下
参考:
https://blog.csdn.net/weixin_30307921/article/details/97335570
相关文章
- react-router/v5之Router、Route、Redirect、Switch源码解析
- vue-router中的beforeEach
- 超详细!Vue-Router手把手教程
- Vue笔记(11) vue-router
- route -n命令_router.replace
- 说说React-Router底层实现?-面试进阶
- 从零手写react-router
- Vue Router 搭配 NaiveUI 的进度条
- vue3 路由传参_vue router传参
- vue-router路由懒加载以及三种实现方式「建议收藏」
- “router-link”各种属性解释
- Vue Router深入学习(二)
- (二十三)封装 router-link 组件
- Koa、koa-router、koa-jwt 鉴权详解:分模块鉴权实践总结
- Akka(5): ConsistentHashing Router – 可选定Routee的任务分配模式详解编程语言
- Linux命令:掌握超能力Link(linux命令link)