最近做了个需求,就是element的table,分页和多选,这些都是饿了么的组件的功能,但是如果要实现,当前页面勾选了数据之后,切换页码的时候,当前勾选的数据要保留,切换回来要回显,饿了么自带的组件是没有这个功能的,自己实现这个功能,写了几次,放了几天后自测又发现有bug,改了几次之后,感觉目前的写法是没有问题了,记录一下以防以后忘了
总的思想就是:
- 存两个数组,一个数组是之前所有已选数据的集合,计作数组0,一个是当前页面勾选的数据的集合,计作数组1,
只要有重新请求接口刷新列表,就做如下操作:
- 请求数据之前,把数组1的数据全部转移到数组0,清空数组1
- 请求数据回来之后,循环请求回来的数据,如果当前循环到的项的id在数组0中,表明是之前选过的数据,当前项从数组0中转移到数组1中,调用element的toggleRowSelection方法把表格的当前项勾选回显即可
按这个思想写就好了,代码就不上了哈哈
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。