vue2 中我想把el-table 放在父组件 但是el-table-column 放在 子组件进行循环显示 这样会导致一些排版错误 因为子组件加了一个默认的根节点
时间: 2023-10-06 09:12:21 浏览: 61
您可以在子组件的根节点上使用`<template>`标签,使其不渲染为实际的DOM元素,从而避免排版错误。具体来说,您可以将子组件的模板代码包装在`<template>`标签中,如下所示:
```
<template>
<template v-for="column in columns">
<el-table-column :prop="column.prop" :label="column.label"></el-table-column>
</template>
</template>
```
这样就可以避免子组件的根节点对排版造成的影响,同时保留循环渲染`el-table-column`的功能。
阅读全文