router-link去掉下划线

要去掉 `router-link` 的下划线，你可以使用 CSS 来进行样式设置。你可以在你的项目中的 CSS 文件或者样式标签中添加以下代码：

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

这样就会移除 `router-link` 的下划线效果。确保将此样式应用到你的 `router-link` 组件上。

相关问题

清除router-link的下划线

要清除router-link的下划线，你可以使用CSS样式来实现。根据引用和引用的内容，你可以通过以下方式自定义router-link的样式来清除下划线：

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

在上述代码中，`a`选择器用于设置router-link的默认样式，将`text-decoration`属性设置为`none`，以去除下划线。同时，`.router-link-active`选择器用于设置点击后的样式，同样将`text-decoration`属性设置为`none`。这样就能清除router-link的下划线效果。引用中提供的图片也展示了这些样式的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue中消除router-link下划线](https://blog.csdn.net/qq_51114283/article/details/119560945)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue router-link 默认a标签去除下划线的实现](https://download.csdn.net/download/weixin_38560502/14712120)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

router-link怎样去除下划线

可以在 CSS 中设置 "text-decoration: none" 来去除 router-link 下划线，如下所示：

<router-link to="/" class="no-underline">Home</router-link>

.no-underline {
  text-decoration: none;
}