VueJs CreateElement() 插入动态html [英] VueJs CreateElement() insert dynamic html

问题描述

我构建了一个组件来将所有图标转换为 SVG.

I building a component to convert all icons to SVG.

所以，在我的代码末尾，我有这个:

So, at the end of my code I have this:

     return createElement('i',
        '<SVG>CODE</SVG>'
      )

这个SPAN在哪，我要加个动态HTML！我找不到任何选择来做到这一点.这个 HTML 将是一个 SVG，因此，出于这个原因，我需要添加完整的 HTML.

Where is this SPAN, I should add a dynamic HTML! I could not find any option to do it. This HTML will be an SVG, so, for this reason, I need to add the full HTML.

有人遇到过同样的问题吗?有什么不见了??当我的组件正在运行时，如何将其设为新的 HTML ???

Somebody had the same problem? What is missing?? How to make this as new HTML, when my component is running???

ps: 我不需要知道如何创建 SVG 文件，但是是的，如何呈现 HTML，可以是我的动态组件内的任何人.

ps: I dont need to know how to create a SVG file, but yes, how render the HTML, that can be anyone, inside of my dynamic component.

谢谢

推荐答案

我找到了解决方案！

return createElement('i', {
          domProps: {
            innerHTML: this.data
          }
        }
      )

这篇关于VueJs CreateElement() 插入动态html的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！