如何在数据变量中使用Vue字体超赞组件？

Question

试图使用道具将该子标题传递给子组件，但是我不确定如何将字体真棒图标组件作为字符串来解决它...

父母

<script>
export default {
  data() {
    return {
      subheading: "<font-awesome-icon icon="fire"/> Hot Item"
    }
  }
}

孩子

...
<span>{{ subheading }}</span>
...

输出 <span><font-awesome-icon icon="fire"/> Hot Item</span>

所需的输出 <span><svg...> Hot Item</span>

Answer 1

import { dom } from '@fortawesome/fontawesome-svg-core'

dom.watch() 

然后使用带有<i>类的简单fas。

来源：https://github.com/FortAwesome/vue-fontawesome