使用 VueJS 动态交换 Material 图标
Dynamically Swapping Material Icons with VueJS
一般我都是用这样的静态googlematerial图标。
<i class="material-icons"></i>
但是,我想使用带有 VueJS 的计算 属性 动态更改 material 图标。我尝试了以下方法:
<i class="material-icons font-size-36-i">{{ materialIconCode }}</i>
computed: {
materialIconCode: function () {
return ''
}
}
它不起作用,而是在页面上显示缺少数字的 &# E E
。
有什么想法吗?
https://jsfiddle.net/guanzo/tbm75a06/
mustache 语法将数据解释为文本。使用指令 v-html="materialIconCode"
设置元素的 html。
一般我都是用这样的静态googlematerial图标。
<i class="material-icons"></i>
但是,我想使用带有 VueJS 的计算 属性 动态更改 material 图标。我尝试了以下方法:
<i class="material-icons font-size-36-i">{{ materialIconCode }}</i>
computed: {
materialIconCode: function () {
return ''
}
}
它不起作用,而是在页面上显示缺少数字的 &# E E
。
有什么想法吗?
https://jsfiddle.net/guanzo/tbm75a06/
mustache 语法将数据解释为文本。使用指令 v-html="materialIconCode"
设置元素的 html。