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

总的思想就是:

  • 存两个数组,一个数组是之前所有已选数据的集合,计作数组0,一个是当前页面勾选的数据的集合,计作数组1,
  • 只要有重新请求接口刷新列表,就做如下操作:

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

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


上帝遗忘之子
60 声望5 粉丝

全栈,运维


« 上一篇
微前端入门
下一篇 »
http学习分享