element-ui中的table里@selection-change方法执行了两次

最新推荐文章于 2024-04-22 12:09:34 发布

小手挥挥

最新推荐文章于 2024-04-22 12:09:34 发布

阅读量918

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/dzy0909_/article/details/130627583

版权

问题描述：当执行renewReaderChange这个方法的时候发现莫名其妙的执行两次，而且复选框勾不上

<el-table :data="renewReaderTable.slice((values2.page - 1) * values2.size, values2.page * values2.size)" @selection-change="renewReaderChange">
   <el-table-column type="selection" width="50" :reserve-selection="true"/>
   <el-table-column type="index" label="序号" align="center"/>
   <el-table-column prop="barcode" label="条码号" align="center"/>
</el-table>

方法一

不使用前端分页由后端进行分页

方法二

还是使用前端分页 el-table 添加 :row-key 属性以及<el-table-column type="selection" width="50" /> 添加 :reserve-selection="true"

代码如下

<el-table :data="renewReaderTable.slice((values2.page - 1) * values2.size, values2.page * values2.size)" @selection-change="renewReaderChange" :row-key="(row)=>{ return row.holdingId }">
   <el-table-column type="selection" width="50" :reserve-selection="true"/>
   <el-table-column type="index" label="序号" align="center"/>
   <el-table-column prop="barcode" label="条码号" align="center"/>
</el-table>