我正在尝试让组件从vuetify工作。我正在使用有趣的svg图标,并且我遵循了文档中关于安装页面的说明。下面是我如何注册它的:
import Vue from "vue";
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";
import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { fas, faBell } from "@fortawesome/free-solid-svg-icons";
Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally
library.add(fas, faBell); // Include needed icons
Vue.use(Vuetify);
export default new Vuetify({
icons: {
iconfont: "faSvg",
},
});
但是,当我使用这样的代码时:
<v-icon>fas fa-bell</v-icon>
对于显示图标,它不起作用。我通过使用font- would icon组件让它工作,但我想使用原生的vuetify v-icon组件。
你们知道问题出在哪里吗?
谢谢。
发布于 2021-11-25 08:50:47
看起来你的<head>
中缺少这个链接。如果你阅读Vuetify docs,你会看到:
开始使用FontAwesome最简单的方法就是使用
。在主index.html的头部放置以下代码片段:
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
即使它没有为SVG版本指定相同的链接,我也只是通过将该链接添加到我的<head>
中才能使其工作。
https://stackoverflow.com/questions/63370000
复制相似问题