使用 VueJS 动态交换 Material 图标

Dynamically Swapping Material Icons with VueJS

一般我都是用这样的静态googlematerial图标。

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

但是,我想使用带有 VueJS 的计算 属性 动态更改 material 图标。我尝试了以下方法:

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

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

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

有什么想法吗?

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

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