我正在嘗試將項(xiàng)目從 Vue 2 升級(jí)到 Vue 3,其中有一個(gè)組件包含不同 Vue 組件的集合。
它在 Vue 2 中的工作方式是在 Twig 中調(diào)用 Twig 模板(例如:field.twig)并將其發(fā)送到 Vue 使用 :is 屬性和 Vue.compile 方法進(jìn)行編譯(<div :is"compile(元素.內(nèi)容)...“
)。
這是 Twig 模板發(fā)送到 Vue 的內(nèi)容:
但是在 Vue 3 中這似乎不再起作用了。沒(méi)有任何內(nèi)容被渲染,如果我只在模板中使用 {{ element.content }}
它會(huì)返回原始代碼。
我嘗試了多種方法來(lái)將 html 與 Vue 混合進(jìn)行渲染(v-html、v-runtime-template),但這些似乎都不能解決問(wèn)題。
Vue 組件:集合組件
Twig 模板:集合模板