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
– Cesar Cabral, Commented Jul 24, 2018 at 15:20
Perhaps like this <div v-html="my_svg_string"></div><div>{{ my_svg_string }}</div> ? — IVO GELOV
– IVO GELOV, Commented Jul 24, 2018 at 15:22
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
– Cesar Cabral, Commented Jul 24, 2018 at 15:53

Cesar Cabral · Accepted Answer · 2018-07-24 15:55:22Z

8

I found a solution!

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

answered Jul 24, 2018 at 15:55

Cesar Cabral

3415 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VueJs CreateElement() insert dynamic html

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related