javascript - 使用 VueJS 动态交换材质图标

Question

通常，我使用像这样的静态谷歌素材图标。

<i class="material-icons">&#xE85E;</i>

但是，我想使用 VueJS 的计算属性动态更改材质图标。我尝试了以下方法：

<i class="material-icons font-size-36-i">{{ materialIconCode }}</i>

computed: {
  materialIconCode: function () {
    return '&#xE85E'
  }
}

它不起作用，而是显示&# E E在缺少数字的页面上。

有任何想法吗？

Answer 1

https://jsfiddle.net/guanzo/tbm75a06/

mustache 语法将数据解释为文本。使用该指令v-html="materialIconCode"设置元素的 html。