Gabungkan Vue dalam komponen Vue untuk memaparkan HTML

Question

Saya cuba menaik taraf projek daripada Vue 2 kepada Vue 3, di mana saya mempunyai komponen yang mengandungi koleksi komponen Vue yang berbeza.

Cara ia berfungsi dalam Vue 2 ialah anda memanggil templat Twig dalam Twig (cth: field.twig) dan menghantarnya ke Vue untuk penyusunan menggunakan atribut :is dan kaedah Vue.compile (<div :is"compile(元素.内容）...“).

Inilah yang dihantar oleh templat Twig kepada Vue:

Tetapi dalam Vue 3 ini nampaknya tidak berfungsi lagi. Tiada apa-apa yang diberikan, jika saya hanya menggunakan {{ element.content }} dalam templat ia mengembalikan kod asal.

Saya telah mencuba pelbagai cara untuk mencampurkan html dengan Vue untuk pemaparan (v-html, v-runtime-template) tetapi tiada satu pun daripada ini nampaknya dapat menyelesaikan masalah.

Komponen Vue: komponen koleksi

Templat Ranting: Templat Koleksi

Answer 1

Anda boleh mencuba https://markus .oberlehner.net/blog/distributed-vue-applications-loading-components-via-http/ atau https://www.npmjs.com/package/vue-runtime- template-compiler Tetapi saya tidak pasti sama ada ini akan berfungsi dengan Vue 3...