[vue-fontawesome] FAQ

アイコンをクリックすると落ちる

以下のエラー

"TypeError: Cannot assign to read only property 'className' of object '#'"

以下のようにfont-awesome-iconが直接ブロック要素配下にあるとなぜか落ちる。

<div>
  <font-awesome-icon icon="ellipsis-v"></font-awesome-icon>
</div>

<span>などで括ってあげれば回避できる。

<div>
  <span>
    <font-awesome-icon icon="ellipsis-v"></font-awesome-icon>
  </span>
</div>

アイコンによって幅が変わるのを統一したい

Classにfa-fwを指定すればOK.

<font-awesome-icon class="fa-fw" />