vue的for循环中如何在dom放入iconfont的unicode编码

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>&nbsp;&nbsp;<span>{{item.brf}}</span>
                </div>
                <div class='text'>
                    <span>&nbsp;&nbsp;{{item.txt}}</span>
                </div>
            </div>
            
        </div>
        
        //数据
        let msgData =  [
             // 舒适度指数
             {
               type: 'comf',
               brf: '很好',
               txt: '详解',
               name: '舒适度指数',
               icon: '&#xe70b;'
             },
             // 穿衣指数
             {
               type: 'drsg',
               brf: '很好',
               txt: '详解',
               name: '穿衣指数',
               icon: '&#xe666;'
             },
             // 感冒指数
             {
               type: 'flu',
               brf: '很好',
               txt: '详解',
               name: '感冒指数',
               icon: '&#xe648;'
             }
]

阅读 5.6k
2 个回答
新手上路,请多包涵

楼主这个怎么解决的呢,没看懂

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题