element-ui的table前端分页勾选,触发两次handleSelectionChange方法

1:问题描述

在用element-ui的table组件时,表格上的数据是前端分页的,我加上了@selection-change="handleSelectionChange"事件之后每次点击勾选框就会触发两次handleSelectionChange方法,然后导致勾选不了,如果不分页的话不会出现这种情况。

2:解决办法

使用:row-key 这个属性呢。

我用的这个属性绑定了 表格数据的唯一标识数据列,比如id,问题就解决了。记得这个属性绑定的数据列,是不能重复的~

element-ui的table前端分页勾选,触发两次handleSelectionChange方法