vue router-link 默认a标签去除下划线的如何实现

走自己的路,让别人说去吗!美好的日子带来快乐,阴暗的日子带来经验,所以别对任何一天怀有遗憾。

我就废话不多说了,大家还是直接看例子吧~

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

vue的router-link默认的a标签点击会有一个阴影

补充知识:vue-router更改router-link点击时样式

默认类:router-link-active:可以通过在样式表中重新定义

基类:linkActiveClass:在创建路由时进行全局配置,linkActiveClass:/配置自定义类/

以上这篇vue router-link 默认a标签去除下划线的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

如何解决ElementUI组件中el-upload上传图片不显示问题

解读element el-upload上传的附件名称不显示 file-list赋值

一篇关于el-table-column的formatter的如何使用及说明