如何用elementUI实现多选框的反选功能？

本文共计1313个文字，预计阅读时间需要6分钟。

最近有一个需求，点击添加按钮弹出窗口（窗口显示多选、可翻页、可搜索列表），选择多条信息，点击确定按钮，将选中的信息显示在页面上；点击取消，选中的信息不显示在页面上。

最近有一个需求，点击添加按钮，弹出窗口（窗口显示多选、可翻页、可检索列表），选中多条信息，当我点击确定按钮，把选中信息显示在页面上；点击取消，选中信息不显示在页面上。再次打开，把在页面上的信息显示选中状态。

思路：一开始选用elementUI官网例子,使用selection-change，但是它只显示当前改变的选择，不能满足我翻页及检索后还能选中数据的问题

toggleSelection(rows) { if (rows) { rows.forEach(row => { this.$refs.multipleTable.toggleRowSelection(row); }); } else { this.$refs.multipleTable.clearSelection(); } }

后来查询api，发现了另外2个api，页面上的存在本地字段 glht，列表上选中的存在本地字段 yglht.

每次要计算页面显示的数据是列表的第几条数据，直接把对象放里面并不会勾选我上传选中的数据。