小编Ayr*_*ton的帖子

如何遍历 Vue 组件的子组件

我的组件中有当前结构:

<data-table>
    <template slot="column" field="a"></template>
    <template slot="column" field="b"></template>
    <template slot="column" field="c"></template>
</data-table>
Run Code Online (Sandbox Code Playgroud)

渲染我的时如何遍历这些“列” data-table

编辑:结果向我的列添加引用不起作用,因为根据文档,引用仅在组件实际呈现时存储在它们的变量中。相反,我使用$slots变量来迭代方法上的列mounted,如下所示:

mounted: function() {
    this.$slots.column.forEach(
        //my code...
    );
}
Run Code Online (Sandbox Code Playgroud)

javascript vue.js

3
推荐指数
1
解决办法
4075
查看次数

标签 统计

javascript ×1

vue.js ×1