请问vue3+vite怎么实现动态插入svg代码?

Question

现在做的是动态编辑菜单

我想给这个菜单添加svg代码用作图标,但是我发现动态添加的svg代码是不会被识别的。
(Icon是自己封装的)
静态的svg代码就可以被识别

动态的就原样的打印出来了

Answer 1

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