Vue 3 - Render component from string

Question

I have a question. I have a component called ValidateCheckboxes. ValidateCheckboxes is a validated list of checkboxes. I pass checkboxes to this component by props. It look like that: enter image description here enter image description here I am displaying checkboxes using v-for: enter image description here but my label look like this: enter image description here

How to render custom component from string? Or maybe should I use another way to do that? It's my first question, thanks for answers. :)

I tried use v-html but it didn't work.

See meta.stackoverflow.com/questions/285551/… . Proceed from the fact that you shouldn't do this, as this makes it much more complicated then it should be. In such cases the slots are usually used — Estus Flask
– Estus Flask, Commented Dec 16, 2022 at 10:55
Okay, thanks. So should I use slots and avoid using v-for in this case? — matik525
– matik525, Commented Dec 16, 2022 at 11:28

JTinkers · Accepted Answer · 2022-12-16 12:50:06Z

0

You should use slots, as they provide more control. If you absolutely can't do that because stuff is loaded from a file, database or otherwise fetched from API - you can look into h() and compile() - How I can render a component from a string with vue 3?

answered Dec 16, 2022 at 12:50

JTinkers

1,80911 silver badges23 bronze badges

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

2 Comments

Douglas Gaskell Over a year ago

This is more of a comment than an answer

JTinkers Over a year ago

@DouglasGaskell That's a valid point.

Collectives™ on Stack Overflow

Vue 3 - Render component from string

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related