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