请问vue3+vite怎么实现动态插入svg代码?-灵析社区

biubiuuuuu

现在做的是动态编辑菜单 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/410db17825110b5cbe590d48e5c06a84.png) 我想给这个菜单添加svg代码用作图标,但是我发现动态添加的svg代码是不会被识别的。 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/14b0abf20d78918403b23a32433b2b0c.png)(Icon是自己封装的) 静态的svg代码就可以被识别 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/7d2d60dc59ae026468a44a9900369fa8.png) 动态的就原样的打印出来了

阅读量:17

点赞量:0

问AI
卑微实习僧
1. 直接问题看起来是你要插入 xml,但是 Vue3 帮你把 xml 转换了,所以插入了文本。可以用 "v-html" 来插入,应该就好了。 2. 但是我觉得这里完全不需要插入 svg 源码,有很多引用方式,都更合适