问题
直接在html写入没问题
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210221100057397.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210221100140290.png)
但是 如果使用js动态引入html使用{{}}赋值则会出现引入图标失效;
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210221100509313.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210221100601286.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021022110061868.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210221100637958.png)
解决
写另一种unicode码的表达式
格式一:&#XXXX;&#XXXX;
示例:您好
结果:您好
格式二:\uXXXX\uXXXX
示例:\u60a8\u597d
结果:您好
格式三:&#DDDDD;&#DDDDD;
示例:您好
结果:您好
这里我们把格式三的表达方式改为格式二;
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210221101121957.png)
可以正常显示图标
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210221101130833.png)
也就是从
<text ></text>
改为插入方式
<text > {{'\ue633'}}</text>