我无法在vuejs应用程序中显示fontawesome图标

时间:2019-12-20 20:11:16

标签: vue.js font-awesome

在我的 main.js 中,我有:

2

我的组件中有

    import { library } from '@fortawesome/fontawesome-svg-core'
    import { faUserSecret } from '@fortawesome/free-solid-svg-icons'
    import { faFontAwesome } from '@fortawesome/free-brands-svg-icons'
    import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

    library.add(faUserSecret)
    library.add(faFontAwesome)


    Vue.component('font-awesome-icon', FontAwesomeIcon)

我只看到第二个图标...我在这里做错了什么?

1 个答案:

答案 0 :(得分:0)

我认为不是:

<font-awesome-icon :icon="['fa', 'fa-search']" />

应该是:

<font-awesome-icon :icon="['fa', 'search']" />