VueJs CreateElement() insert dynamic html

Question

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>'
      )

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.

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

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.

Thanks

I already have my SVG content. I just need to find a way to render my HTML as HTML and as STRING. — Cesar Cabral, Jul 24 '18 at 15:20
Have you looked at [`v-html`](https://vuejs.org/v2/api/#v-html)? — zero298, Jul 24 '18 at 15:23
is a dynamic element. I think that I can't do that. I found what I need. I should add an attribute: domProps: {innerHTML: this.data} — Cesar Cabral, Jul 24 '18 at 15:53
Please read [How does accepting an answer work?](http://meta.stackoverflow.com/questions/5234/how-does-accepting-an-answer-work). Don't edit your question to include the word "solved". — Quentin, Jul 24 '18 at 16:01

score 8 · Answer 1 · answered Jul 24 '18 at 15:55

8

I found a solution!

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

answered Jul 24 '18 at 15:55

Cesar Cabral

331
4
13

VueJs CreateElement() insert dynamic html

1 Answers1

Linked