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>