VueJS 渲染组件实例

Question

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

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

我希望它们在列表更改时在模板中呈现，这不起作用：

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

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

谢谢

Answer 1

我认为你需要一些东西。 child_components 是对象的键，所以不能这样使用。

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

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