best practise to render html strings that contain components in vue

Question

I have a Blog/News kind of Website which means there will be Posts, they have a content which is a string of HTML stored in my database.

Since I also need stuff like Sliders and so on which won´t get generated via v-html I thought about what is the best practice to render a HTML String I retrieve from the Database on the Website Frontend.

I readed the Vue Docs about Render Functions but wasn´t able to solve my problem with the information there.

Example HTML String for understanding

<div class="slidercontainer">
   <slider :options="optionPreset1"></slider>
</div>

I save those presets in the finished Post Component. If there is any better way to solve this kind of thing with a DB then tell me, its not in Production yet so I can change such crucial things.

tony19 · Accepted Answer · 2022-07-16 00:14:19Z

1

You need to use dynamic components. See this answer.

edited Jul 16, 2022 at 0:14

tony19

140k24 gold badges281 silver badges354 bronze badges

answered Dec 22, 2018 at 1:59

Roy J

44k10 gold badges84 silver badges106 bronze badges

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

Collectives™ on Stack Overflow

best practise to render html strings that contain components in vue

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