在用element-ui的table组件时,表格上的数据是前端分页的,我加上了@selection-change="handleSelectionChange"事件之后每次点击勾选框就会触发两次handleSelectionChange方法,然后导致勾选不了,如果不分页的话不会出现这种情况,请问有人遇见过这种问题吗,求解,谢谢啦
//这种方式正常,只触发一次handleSelectionChange
<el-table
:data="list"
ref="tableCheck"
border
:header-cell-style="tableHeaderColor"
@row-click="clickRow"
@selection-change="handleSelectionChange">
//这种方式会触发两次handleSelectionChange,有谁能解释一下吗,因为要前端分页,这个data怎么绑定才能只触发一次handleSelectionChange
<el-table
:data="list == undefined ? [] : list.slice((currentPage-1)*pageSize,currentPage*pageSize)"
ref="tableCheck"
border
:header-cell-style="tableHeaderColor"
@row-click="clickRow"
@selection-change="handleSelectionChange">
在Element UI的表格中,勾选问题可能包括以下几种情况:
勾选框在行中没有正确绑定:这可能是因为勾选框没有正确地绑定到其对应的行上,或者绑定的样式没有正确设置。
勾选框在列中没有正确绑定:这可能是因为勾选框没有正确地绑定到其对应的列上,或者绑定的样式没有正确设置。
勾选框没有生效:这可能是因为勾选框的勾选状态没有正确地设置,或者在表格的渲染过程中没有正确地进行处理。
要解决这个问题,首先需要检查勾选框是否正确地绑定到其对应的行上,并且绑定的样式是否正确。其次,需要检查勾选框是否在表格的渲染过程中被正确地渲染出来。最后,需要检查勾选状态是否被正确地设置,以及在表格的渲染过程中是否正确地进行了处理。