Element-ui Table 多选分页回显

				<el-table
					:data="batchmsg.slice((pages - 1) * sizes, pages * sizes)"
					:row-key="getRowKeys"
					tooltip-effect="dark"
					@selection-change="handleSelectionChange"
					style="width: 100%">
					<el-table-column
						type="selection"
						:reserve-selection="true"
						width="55">
					</el-table-column>
					<el-table-column
						prop="timestamp"
						label="入库时间">
					</el-table-column>
					<el-table-column
						prop="batchsourcename"
						label="入库类型"
						>
					</el-table-column>
					<el-table-column
						prop="batchsource"
						label="商品来源">
					</el-table-column>
					<el-table-column
						prop="batchsource"
						label="手机号">
					</el-table-column>
					<el-table-column
						label="入库数量">
						<template slot-scope="scope">
							<span>{{scope.row.batchnumber}}斤</span>
						</template>
					</el-table-column>
					<el-table-column
						label="当前库存">
						<template slot-scope="scope">
							<span>{{scope.row.batchnumber}}斤</span>
						</template>
					</el-table-column>
					<el-table-column
						label="操作">
						<template>
							<font color="#0BA198">详情</font>
						</template>
					</el-table-column>
				</el-table>
			</el-col>
		</el-row>
		<div class="paginationstyl">
			<el-pagination
				background
				@size-change="handleSizeChange"
				@current-change="handleCurrentChange"
				layout="total,  prev, pager, next,sizes, jumper"
				:current-page="pages"
				:page-size="sizes"
				:page-sizes="[1, 2, 3, 4]"
				:total="total">
			</el-pagination>
		</div>
	handleSizeChange(val) {//分页 # 设置页面显示条数
	  this.sizes = val;
	  // console.log("sizes", val);
	  this.getspmsg();
	},
	handleCurrentChange(val) {//分页 # 设置设置显示第几页
	  this.pages = val;
	  // console.log("pages", val);
	  this.getspmsg();
	},
	handleSelectionChange(val){//分页 # 回显 # 记录选中的数据
	  this.chekedlist = val
	},
	getRowKeys(row){//分页 # 回显 # 返回唯一标识
	  return row.batchid
	},

el-table 中设置如下：

设置多选并设置reserve-selection属性：

纯前端处理分页：


处理分页和回显的函数：

其中row.batchid必须为唯一标识