近半年时间在接触vue写pc页面,文中内容即在实际的开发过程中遇到的实际问题。
1、问题交代:
在pc版的列表页面中,假设当前在列表的第一页,想要在当前页面选择几行数据,跳转到其他页面选择几行数据,选择后的数据页面展示为已勾选状态,经过跳转页面之后,数据选择状态依然存在,且可以将已选择的数据的id传到后端;即标题所述的实现多页多选、翻页回显问题 。示例图片如下:
下面第一个图为第一页选择的数据信息:
下图为跳转到第二页选择数据的截图:
想达到的最终效果是这两个页面不管怎么跳转,都能显示跳转之前的选中状态。
2、实现的步骤
2.1 设置table标签
下面加粗字体是实现多页多选 翻页回显的必要设置,下面依次说明一下
<el-table size="small" :data="listData" ref="multipleTable" row-key="getRowKeys" @select="handleCheckBox" @