在vue.js中渲染unicode列表

Question

我将旧项目转换为Vue.js，我无法呈现其中包含Font Awesome图标的选择列表。

我的代码是......

Intermediary_Table
-----------------
+user_id
+User_Monitored_Notes_(id)

使用bootstrap和Jquery在旧项目中工作正常。

但是当我把这个列表放到Vue.js中时，它不起作用。我安装了vue-bootstrap，并且有fa-icons工作。例如，我可以做

<select id='fa_select'>
  <option value='fa fa-address-book'>&#xf2b9; fa-address-book</option>
  <option value='fa fa-address-book-o'>&#xf2ba; fa-address-book-o</option>
  etc etc etc 
</select>

它显示得很好，所以我知道Font Awesome图标的样式表正在导入并正常工作。

那么，为什么他们不会在列表中显示？

我也尝试了v-html，只是因为我需要将其包装为html，这也没有用。

<i class='fa fa-phone'></i>

有什么想法吗？

Answer 1

这是我的坏事。我错过了一段我忘记带来的样式代码。

#fa_select {
   font-family: 'FontAwesome', 'sans-serif';
}