如何解决如何在路由链接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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。