vue中如何让<a>不显示下划线
时间: 2024-05-10 08:16:22 浏览: 103
vue router-link 默认a标签去除下划线的实现
可以通过 CSS 样式来控制 `<a>` 标签的下划线显示与隐藏。具体方法如下:
1. 在 CSS 文件中添加以下样式:
```css
a {
text-decoration: none;
}
```
2. 在 Vue 组件中使用 `style` 属性来添加样式,例如:
```vue
<template>
<a href="#" style="text-decoration: none;">不显示下划线的链接</a>
</template>
```
以上两种方法都可以让 `<a>` 标签不显示下划线。注意,使用 `text-decoration: none;` 样式会去掉 `<a>` 标签默认的下划线样式,如果需要添加其他样式,可以在该样式后面添加其他属性。
阅读全文