我是新手Vue用户,不知道如何在v-icon和prepend-icon中使用FA SVG图标。如果我使用:
<font-awesome-icon :icon="dekstop" color="gray"></font-awesome-icon>
图标已显示,但我如何在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>
我的 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'
import {
fas
} from '@fortawesome/free-solid-svg-icons'
Vue.component('font-awesome-icon', FontAwesomeIcon) // Register component globally
library.add(fas) // Include needed icons.
Vue.use(Vuetify, {
iconfont: 'faSvg',
})
Vue.config.productionTip = false
new Vue({
i18n,
render: h => h(App)
}).$mount('#app')
我做错了什么?