Vuetify awesome集成问题
Vuetify awesome集成问题
提问于 2020-08-12 12:54:57
我正在尝试让组件从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组件。
你们知道问题出在哪里吗？
谢谢。
回答 1
Stack Overflow用户
发布于 2021-11-25 16: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>中才能使其工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63370000
复制相关文章
相似问题
腾讯云开发者
