如何在路由链接Vuejs中添加类和图标

问题描述

我有一个路由链接 vuejs :

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

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

解决方法

您可以添加 tag 属性，将 button 作为值，并在路由器链接文本旁边添加您的图标：

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

,

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