<template slot-scope="scope"> <el-button type="primary" @click="$listeners.click(scope.row)">获取当前行</el-button> </template>生成了空白行
时间: 2023-10-07 14:09:49 浏览: 57
详解关于element el-button使用$attrs的一个注意要点
这个问题通常出现在表格中没有数据时,会自动生成一行空白行。这时如果在空白行中引入了自定义组件,就会出现这个问题。解决方法有两种:
1. 在表格的 `el-table` 组件中设置 `show-header` 属性为 `false`,这样空白行就不会生成了。
2. 在自定义组件中判断当前行是否存在,如果不存在则不渲染组件内容。可以在模板中使用 `v-if` 指令,或者在组件的 `render` 函数中判断。例如:
```
<template slot-scope="scope">
<el-button v-if="scope.row" type="primary" @click="$listeners.click(scope.row)">获取当前行</el-button>
</template>
```
这样就能够避免在空白行中生成按钮导致的空白行问题。
阅读全文