nuxtjs Fontawesome 一些圖標無法顯示

Question

嗨，我喜歡使用一些 fontawesome 圖標，例如 Twitter 圖標。

在我的 nuxt.config.js 中，我有以下幾行：

fontawesome: {
component: "fa",
icons: {
  solid: true,
  brands: true
 }
},

在 html 中，我有以下幾行：

  <fa icon="envelope"></fa>
  <fa icon="twitter"></fa>

但是，信封能夠顯示但不能顯示 Twitter 圖標。 我想念什么嗎？

Answer 1

在 html 中指定圖標的正確方法應該是：

  <fa :icon="['fas', 'envelope']" />
  <fa :icon="['fas', 'lock']" />
  <fa :icon="['fas', 'sign-in-alt']" />
  <fa :icon="['fab', 'google']" />
  <fa :icon="['fab', 'linkedin']" />
  <fa :icon="['fab', 'twitch']" />