vue中实现分页数据多选

1.实现效果

2.实现原理
1.引入iview组件库，使用iview的Table组件+Page组件。

2.在columns列加入type: “selection”,设置Table的选择事件。@on-select-all，@on-select-all-cancel，@on-select，@on-select-cancel。

3.假设有禁用项，为禁用项设置_disabled为true，当进行全选或全部选时，只针对_disabled为false的数据。

4.data中设置checkedList:[],表示选择的数据的合集，这里以数据的id为例。

5.当选中其中一项的时候，先判断checkedList是否含有改数据，用includes来判断，当无数据的时候，push进checkedList，反之不进行操作。

6.当取消选中的时候，用indexOf去checkedList查找相应的索引，如果返回的索引不为-1，则用splice删除数据。

7.重点！！ 当点击上一下，下一页的时，调用获取表格数据的接口，在这个接口中调用selectedData事件，该事件处理为：当checkedList不为空，表格数据中去匹配checkedList里面的值，如果能匹配到，设置该项的_checked为true；

8.当点击刷新时，重新获取接口，并将checkedList置为空，实现数据的重筛。

注:includes() 方法用来判断一