Combinez Vue dans les composants Vue pour afficher du HTML

Question

J'essaie de mettre à niveau un projet de Vue 2 vers Vue 3, où j'ai un composant qui contient une collection de différents composants Vue.

La façon dont cela fonctionne dans Vue 2 est que vous appelez un modèle Twig dans Twig (par exemple : field.twig) et que vous l'envoyez à Vue pour compilation en utilisant l'attribut :is et la méthode Vue.compile (<div :is"compile(元素.内容）...“).

Voici ce que le modèle Twig envoie à Vue :

Mais dans Vue 3, cela ne semble plus fonctionner. Rien n'est rendu, si j'utilise simplement {{ element.content }} dans le modèle, il renvoie le code original.

J'ai essayé plusieurs façons de mélanger le HTML avec Vue pour le rendu (v-html, v-runtime-template), mais aucune d'entre elles ne semble résoudre le problème.

Composant Vue : composant de collection

Modèles de brindilles : modèles de collection

Answer 1

Vous pouvez essayer https://markus .oberlehner.net/blog/distributed-vue-applications-loading-components-via-http/ ou https://www.npmjs.com/package/vue-runtime- template-compiler Mais je ne sais pas si ceux-ci fonctionneront avec Vue 3...