vue.js - 如何在路由链接Vuejs中添加类和图标

Question

我有一个路由链接 vuejs ：

<router-link :to="{ name: 'user', params: { user: 123 }}">view</router-link>

我想在该路由链接中添加类：class="btn btn-primary"和图标。请给我一些想法。谢谢

Answer 1

您可以在路由器链接文本旁边添加tag带有 as 值的道具和您的图标：button

<router-link tag="button" class="btn btn-primary" :to="{ name: 'user', params: { user: 123 }}">
  <icon name="someName"/>   
   view
</router-link>

Answer 2

Vue-router 的路由器链接只需添加带有匹配链接的 a-href 链接并添加一些路由器精确类，因此您只需将类添加到路由器链接即可。和里面的html一样。
<router-link class="btn btn-primary" :to="{ name: 'user', params: { user: 123 }}"><i class="mdi mdi-heart"></i>view</router-link>