如何在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中的渲染功能组件简介