关于 uniapp 引入iconfont图标使用Unicode 方式失效解决

问题

直接在html写入没问题
在这里插入图片描述
在这里插入图片描述
但是 如果使用js动态引入html使用{ {}}赋值则会出现引入图标失效;
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

解决

写另一种unicode码的表达式
格式一:&#XXXX;&#XXXX;

示例:您好

结果:您好

格式二:\uXXXX\uXXXX

示例:\u60a8\u597d

结果:您好

格式三:&#DDDDD;&#DDDDD;

示例:您好

结果:您好

这里我们把格式三的表达方式改为格式二;
在这里插入图片描述
可以正常显示图标
在这里插入图片描述
也就是从

 <text >&#xe633;</text> 

改为插入方式

<text > {
    
    {
    
    '\ue633'}}</text>

猜你喜欢

转载自blog.csdn.net/weixin_43245095/article/details/113914323