问题描述： 当执行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>

# vue.js # elementui # javascript
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

解决AI算法开发和存储难题，华为云DTSE助力文华云技术架构升级

avatar 华为开发者空间
cover

技术共生，商业共赢，华为云携手伙伴开发者共话 AI 新机遇

avatar 华为开发者空间
cover

支持128TB超大存储，GaussDB(for MySQL)如何轻松应对海量数据挑战

avatar 华为开发者空间