我的组件中有当前结构:
<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)