一、需求内容:
1、A页面点击【选择事件】按钮,弹出B页面,B页面内容为后端返回的数据【分页查询的内容】;
2、B页面需要勾选列表内容后,【可以反复翻页进行勾选和去掉操作】,同时点击【确认后】反显到A页面;
3、A页面得到的列表的数据,反显到B页面并勾选;
第一步
第二步
第三步
第四步
二、代码实现:
A页面:引入B页面,监听B页面传出的数据,传入需要反显的数据;
B页面:
翻页勾选,并反选主要方法为:handleSelectionChange,getData
编辑反显用watch监听传进来的数据;
代码:
三、其他
由于表头有个全选按钮,全选时,不好实现翻页反复选择;所有去掉了表头的全选按钮;
实现方法: