如何在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

您将不得不将您的组件转换为功能正常。阅读Introduction to Vue.js Render Functions和Render Functional Components in Vue.js