一种基于Element-UI的表格联动方法及终端

摘要

本发明涉及表格联动领域，具体涉及一种基于Element‑UI的表格联动方法及终端，配置父表格为多选表格具备跨页多选功能；父表格添加选中项改变事件和设置ref属性；在对话框中对父表格数据进行分页展示；在父表格中对每次数据操作均触发选择项改变事件，将父表格中最终选中数据在子表格展示；对父表格执行页码切换时保留页码切换前数据选中状态；在子表格中有数据状态下，调出对话框时通过ref属性和toggleRowSelection方法在父表格中选中子表格中的所有数据。本发明以更为简单的逻辑实现两个表格间的联动，父表格中选中的数据能够快速准确的展示在子表格中，当再次打开对话框时，父表格实现选中子表格中的数据。