Ich versuche, ein Projekt von Vue 2 auf Vue 3 zu aktualisieren, bei dem ich eine Komponente habe, die eine Sammlung verschiedener Vue-Komponenten enthält.

Die Funktionsweise in Vue 2 besteht darin, dass Sie eine Twig-Vorlage in Twig aufrufen (z. B. field.twig) und diese mithilfe des :is-Attributs und der Vue.compile-Methode (<div :is"compile(元素.内容）...“) zur Kompilierung an Vue senden.

Das sendet die Twig-Vorlage an Vue:

Aber in Vue 3 scheint das nicht mehr zu funktionieren. Es wird nichts gerendert. Wenn ich nur {{ element.content }} in der Vorlage verwende, wird der Originalcode zurückgegeben.

Ich habe mehrere Möglichkeiten ausprobiert, HTML mit Vue zum Rendern zu mischen (v-html, v-runtime-template), aber keine davon scheint das Problem zu lösen.

Vue-Komponente: Sammlungskomponente

Zweigvorlagen: Sammlungsvorlagen