小编n4k*_*4ks的帖子

带有 Vuetify 的 FontAwesome SVG 图标 - 如何在 v-icon/prepend-icon 中使用?

我是 Vue 的新手,找不到如何在 v-icon 和 prepend-icon 中使用 FA SVG 图标的确切答案。如果我使用:

<font-awesome-icon :icon="dekstop" color="gray"></font-awesome-icon>
Run Code Online (Sandbox Code Playgroud)

显示了图标,但是如何在 v-icon 和 prepend-icon 中使用 FA SVG 图标?样本:

            <v-autocomplete v-model="replUser"
            :items="users" 
            color="accent white--text" 
            label="User"
            prepend-icon="dekstop></i>" // i can use material font icons here, but FA SVG not worked
            >

            </v-autocomplete>
Run Code Online (Sandbox Code Playgroud)

我的 main.js:

import Vue from 'vue'
import Vuetify from 'vuetify/lib'
// import colors from 'vuetify/es5/util/colors'
import './plugins/vuetify'
import App from './App.vue'
import i18n from './i18n'
import {
  library
} from '@fortawesome/fontawesome-svg-core'
import {
  FontAwesomeIcon
} from '@fortawesome/vue-fontawesome' …
Run Code Online (Sandbox Code Playgroud)

font-awesome vue.js vuetify.js

7
推荐指数
1
解决办法
3954
查看次数

标签 统计

font-awesome ×1

vue.js ×1

vuetify.js ×1