vue的for循环中如何在dom放入iconfont的unicode编码
相关代码
<div class='comfort' v-for="item in msgData">
<div class='icon'>
<i class='iconfont'>{{item.icon}}</i>//这里放入unicode编码,现在只是直接显示字符串
</div>
<div class='textBox'>
<div class='title'>
<span>{{item.name}}</span> <span>{{item.brf}}</span>
</div>
<div class='text'>
<span> {{item.txt}}</span>
</div>
</div>
</div>
//数据
let msgData = [
// 舒适度指数
{
type: 'comf',
brf: '很好',
txt: '详解',
name: '舒适度指数',
icon: ''
},
// 穿衣指数
{
type: 'drsg',
brf: '很好',
txt: '详解',
name: '穿衣指数',
icon: ''
},
// 感冒指数
{
type: 'flu',
brf: '很好',
txt: '详解',
name: '感冒指数',
icon: ''
}
]