Element中的Table组件,翻页选中数据和编辑反显

一、需求内容:

1、A页面点击【选择事件】按钮,弹出B页面,B页面内容为后端返回的数据【分页查询的内容】;

2、B页面需要勾选列表内容后,【可以反复翻页进行勾选和去掉操作】,同时点击【确认后】反显到A页面;

3、A页面得到的列表的数据,反显到B页面并勾选;

第一步
第二步
第三步
第四步

二、代码实现:

A页面:引入B页面,监听B页面传出的数据,传入需要反显的数据;

B页面:

翻页勾选,并反选主要方法为:handleSelectionChange,getData

编辑反显用watch监听传进来的数据;

代码:

三、其他

由于表头有个全选按钮,全选时,不好实现翻页反复选择;所有去掉了表头的全选按钮;

实现方法:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容