如何在 Vuex (Vuetify) 中导入自定义 svg 图标

Question

如何在 Vuex 中导入自定义 svg 图标（使用 Vuetify 和 Nuxt.js）

在Vuetify.options中：

icons: {
    values: {
      myIcon: {
        component: awesomeIcon
      }
    }
  }

Answer 1

根据文档 here 您可以在配置文件中导入图标（用于 vuetify）并将其添加到 vuetify bootstrap 中。尽管您需要为所有图标设置默认值，如上面的文档所示。

基本上应该是这样的：

import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import myImportedIcon from 'someplace'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'fa',
    values: {
      myIcon: myImportedIcon
    },
  },
})