取消router-link下的划线
时间: 2023-09-07 13:17:59 浏览: 116
要取消 `router-link` 下的划线,可以通过 CSS 样式来实现。你可以在 `router-link` 的包裹元素上设置 `text-decoration: none;` 样式,如下所示:
```html
<router-link to="/" class="link">Home</router-link>
```
```css
.link {
text-decoration: none;
}
```
这样就可以取消 `router-link` 下的划线了。
相关问题
取消router-link的样式
要取消 `router-link` 的样式,可以使用以下 CSS 样式:
```css
/* 取消 router-link 的下划线 */
.router-link-active {
text-decoration: none;
}
/* 取消 router-link 的默认样式 */
a.router-link-active {
color: inherit;
cursor: inherit;
}
```
这样可以取消 `router-link` 的下划线和默认样式。同时,也可以通过添加 `.router-link-exact-active` 类来取消 `router-link` 的粗体样式。