router-link怎么去除下划线

您好！对于您的问题，可以通过修改 CSS 样式来实现去除 `router-link` 下划线的效果。可以使用以下代码：

<style>
  /* 去除 router-link 下划线 */
  a.router-link-exact-active, 
  a.router-link-active, 
  a.router-link-exact-active:hover, 
  a.router-link-active:hover {
      text-decoration:none;
  }
</style>

将上述代码添加到您的样式表中即可。

还有其他关于 `router-link` 的用法和配置，您可以参考官方文档：https://router.vuejs.org/api/#router-link

希望对您有所帮助！

相关问题

router-link去下划线，生成相应代码

要在 Vue.js 中移除 `router-link` 的下划线，你可以使用 CSS修改默认样式。是生成相应代码的示例：

template>
  <div>
    <router-link to="/home" class="custom-link">Home</router-link>
    <router-link to="/about" class="custom-link">About</router-link>
  </div>
</template>

<style>
.custom-link {
  text-decoration: none;
}
</style>

在上面的示例中，我们为 `router-link` 添加了一个自定义的 class 名称 `custom-link`，然后使用 CSS 的 `text-decoration: none;` 属性将下划线样式移除。你可以根据需要自定义其他样式属性来修改链接的外观。

router-link怎样去除下划线

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

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

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