element的el-table 解决表格多页选择数据时，数据被清空

本文主要是介绍element的el-table 解决表格多页选择数据时，数据被清空，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题：切换页码时，勾选的数据会被清空 

 

 重点看我圈出来的，直接复制，注意，我这里  return row.productId;一般大家的是 return row.id,根据接口定的唯一变量

 :row-key="getRowKeys"​​​​​​​:reserve-selection="true"getRowKeys(row) {return row.productId;},

 官方解说

 

 

参考我项目里的下方代码 

 <el-table v-loading="listLoading":data="list"ref="multipleTable"borderfit@selection-change="handleSelectionChange":row-key="getRowKeys"highlight-current-row><el-table-column:reserve-selection="true"type="selection"width="40"></el-table-column><el-table-column align="center"width="180px"label="销售单号"><template slot-scope="scope"><span>{{ scope.row.orderId }}</span></template></el-table-column></el-table>data () {return {getRowKeys(row) {return row.productId;},
rowSelection:'',}methods: {handleSelectionChange(val) {this.rowSelection = val;},
}

 

这篇关于element的el-table 解决表格多页选择数据时，数据被清空的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---