【问题标题】:VueJs CreateElement() insert dynamic htmlVueJs CreateElement() 插入动态 html
【发布时间】:2019-01-01 06:52:21
【问题描述】:

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

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

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

这个SPAN在哪里,我应该添加一个动态HTML! 我找不到任何选择。此 HTML 将是 SVG,因此,我需要添加完整的 HTML。

有人遇到过同样的问题吗? 缺什么??当我的组件正在运行时,如何使它成为新的 HTML?

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

谢谢

【问题讨论】:

  • 我已经有了我的 SVG 内容。我只需要找到一种方法将我的 HTML 呈现为 HTML 和 STRING。
  • 可能像这样&lt;div v-html="my_svg_string"&gt;&lt;/div&gt;&lt;div&gt;{{ my_svg_string }}&lt;/div&gt; ?
  • 你看过v-html吗?
  • 是一个动态元素。我认为我不能那样做。我找到了我需要的东西。我应该添加一个属性:domProps: {innerHTML: this.data}

标签: javascript vue.js createelement


【解决方案1】:

我找到了解决办法!

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

【讨论】:

    猜你喜欢
    • 2017-04-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-18
    • 1970-01-01
    • 2020-10-27
    • 1970-01-01
    相关资源
    最近更新 更多