试图使用vue-awesome图标但遇到麻烦

Question

我正在尝试使用vue-awesome中的常规窗口关闭图标。我通过以下方式加载了我的vue-awesome：

import 'vue-awesome/icons';
import Icon from 'vue-awesome/components/Icon.vue';

Vue.component('icon', Icon);

根据此处的文档https://github.com/Justineo/vue-awesome#usage，我可以通过以下方式加载：

<icon name="window-close"></icon>

但是这默认为实心图标。但是，我不想使用固体，而是喜欢使用常规。它似乎基于他们的文档应该是：

<icon name="regular/window-close"></icon>

但是这给了我以下错误：

我如何使用vue-awesome中的常规图标？

Answer 1

根据我们的评论和聊天情况，您的vue-awesome套餐似乎已过时。

您可以使用

更新软件包

npm install vue-awesome --latest
// OR
yarn add vue-awesome@latest

Answer 2

如果值为:name

，请使用window-close绑定属性

  <icon :name="'window-close'"></icon>