收藏
回答

下拉刷新,新数据如何插到列表头部

请教:

上拉加载没有问题,场景是顶部【下拉加载】


实现长列表下拉刷新,下拉后进行数据的请求;

为了性能优化,数据通过增量插入,

每次setdata通过键插入新数据,

实现二维数组只更新插入新增数据,

避免全量setdata


// data update to set

_this.setData({

...

[`listPullDown[${page}]`]: res.data

});


这种情况下数据如何将数据插入到list头部呢?


现在的解决方法是在view里通过reverse()将数组反转,


担心数据多了会有性能问题,

请教是否有更优处理方式?


3Q


最后一次编辑于  2019-07-22
回答关注问题邀请回答
收藏

4 个回答

  • 郑旭东
    郑旭东
    2019-10-30

    我触底时往数组增加数据,下拉刷新数据时直接刷新数组。其实用户在下拉刷新时,原来的数据就没什么用了,不如这样简单处理。

    2019-10-30
    有用
    回复
  • TNT
    TNT
    2019-07-22

    顶部下拉刷新。往接口返回的数组里 unshift新的数据即可。

    2019-07-22
    有用
    回复 2
    • 大伟
      大伟
      2019-07-22
      避免全量setdata,当然就不能这么处理了 啊
      2019-07-22
      回复
    • TNT
      TNT
      2019-07-23
      只setData新数据即可。不用每次setData整个数组
      2019-07-23
      回复
  • 鲤子
    鲤子
    2019-07-22

    可以看看这篇文章,学习下这种处理方式,用多维数组来做加载更多。

    https://developers.weixin.qq.com/community/develop/article/doc/0000645ae8cf882129c8b471951c13

    2019-07-22
    有用
    回复 2
    • 大伟
      大伟
      2019-07-22
      已经是拆块渲染,拆块渲染带来的问题就是【下拉加载】,数据从头部无法插入,因为setdata增量都是尾部插入
      2019-07-22
      回复
    • 大伟
      大伟
      2019-07-22
      上拉加载没有问题,场景是顶部【下拉加载】
      2019-07-22
      回复
  • x_Qiang
    x_Qiang
    2019-07-22

    数据库可以进行降序查询吧

    2019-07-22
    有用
    回复 1
    • 大伟
      大伟
      2019-07-22
      跟数据库无关了
      2019-07-22
      回复
登录 后发表内容