如何在VueJS中將組件呈現為數據屬性

Question

例如，我有一個模板和其他一些<my-component> ：

template: '<i data-toggle="popover" data-html="true" data-content="**Here I need render another  component in loop**"></i>'

這個

 :data-content="<my-component v-for... ></my-component>"

不起作用。 也許有一種方法可以在另一個地方渲染my-component？ 在計算區域中...還是在方法中？

因此，如何在html data- * attributes中呈現組件？

謝謝。

Answer 1

您將不得不轉換您的組件才能正常工作。 閱讀Vue.js渲染功能和Vue.js中的渲染功能組件簡介