VueJS 渲染组件实例

Question

我有一个动态填充组件实例的子组件列表

data: function () {
      return {
        child_components: []
    }
}

我希望它们在列表更改时在模板中呈现，这是行不通的：

<li v-for="c in child_components">
    {{c.$el}}
</li>

是否可以渲染实际的组件实例？ 因为在组件模板中有更改其数据的输入，我想从 child_components 列表访问该数据。

谢谢

Answer 1

我想你需要一些东西。 child_components是object的key，不能这么用。

 data: { child_components: function () { return [ { el: 'example' }, { el2: 'example2' }, ]; } }

 <li v-for="c in child_components"> {{c.el}} </li>