关于vue.js:饿了么的eltable实现多页选择和回显

8次阅读

共计 400 个字符,预计需要花费 1 分钟才能阅读完成。

最近做了个需要,就是 element 的 table,分页和多选,这些都是饿了么的组件的性能,然而如果要实现,以后页面勾选了数据之后,切换页码的时候,以后勾选的数据要保留,切换回来要回显,饿了么自带的组件是没有这个性能的,本人实现这个性能,写了几次,放了几天后自测又发现有 bug,改了几次之后,感觉目前的写法是没有问题了,记录一下以防当前忘了

总的思维就是:

  • 存两个数组,一个数组是之前所有已选数据的汇合,计作数组 0,一个是以后页面勾选的数据的汇合,计作数组 1,
  • 只有有从新申请接口刷新列表,就做如下操作:

    • 申请数据之前,把数组 1 的数据全副转移到数组 0,清空数组 1
    • 申请数据回来之后,循环申请回来的数据,如果以后循环到的项的 id 在数组 0 中,表明是之前选过的数据,以后项从数组 0 中转移到数组 1 中,调用 element 的 toggleRowSelection 办法把表格的以后项勾选回显即可

按这个思维写就好了,代码就不上了哈哈

正文完
 0