专栏首页Java架构师必看微信小程序列表数据的局部刷新

微信小程序列表数据的局部刷新

微信小程序页面更新数据是通过setData实现的,通常有很多列表数据的页面(应用场景),比如在一个购物车列表页面,可以添加/减少商品数量,可以删除一个商品......如果每增加一个商品数量就全局刷新整个列表,其实是没有这个必要的,使用局部刷新就可以帮助提高性能。
let num = this.data.serviceList[index].services[pos].count;
this.setData({
  ["serviceList[" + index + "].services[" + pos + "].count"]: num + 1
})

局部刷新.png

比如说上拉加载更多,请求到数据后要添加到数组中,局部刷新的实现方式为:

let param=  {pageIndex: this.data.pageIndex};
var that = this;
app.HttpClient.request(url, param, function(res){
  let list = res.data;
  let index = that.data.serviceList.length;
  let data = that.data;  
  list.forEach((item)=>{
    data['serviceList[' + (index++) + ']'] = item;
  });
  that.setData(data);
})

本文由来源 17,由 system_mush 整理编辑,其版权均为 17 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同或支持。如需转载,请注明文章来源。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 组合实体模式

    组合实体模式(Composite Entity Pattern)用在 EJB 持久化机制中。一个组合实体是一个 EJB 实体 bean,代表了对象的图解。当更新...

    Java架构师必看
  • Spring面试题(2020最新版)

    Java面试总结汇总,整理了包括Java基础知识,集合容器,并发编程,JVM,常用开源框架Spring,MyBatis,数据库,中间件等,包含了作为一个Java...

    Java架构师必看
  • 《Spring实战》读书笔记-第2章 装配Bean

    在Spring中,对象无需自己查找或创建与其所关联的其他对象。相反,容器负责把需要相互协作的对象引用赋予各个对象。例如,一个订单管理组件需要信用卡认证组件,但它...

    Java架构师必看
  • ES6新特性

    由于ES6在一些低版本的浏览器上无法运行,需转成ES5之前的版本兼容,以下有几种方案可以自动转换

    jinghong
  • Python信贷数据处理与初步分析(ZIP解压)

    学到老
  • Python信贷数据处理与初步分析(ZIP解压)

    #!/usr/bin/python # coding=utf-8 ''' @author: lenovo @software: 3.6 PyChar...

    学到老
  • ESMAScript6基本介绍

    Dean0731
  • K8s dashboard

    必须https:// IP:端口 同时必须是在firefox浏览器下才支持的

    用户1499526
  • 以太坊真实测试网络合约交互实战

    •安装truffle-hdwallet-provider•导入包•创建一个prodivier

    Tiny熊
  • ARKit多机画面同步解决方案,原理分析,技术讲解

    由于所有玩家的坐标系的y轴都是和水平面垂直的,所以我们看做坐标系的位置相对标定点的位置,是有沿着y轴旋转了一个角度,然后平移一个值所得,只要计算出两个坐标系之间...

    酷走天涯

扫码关注云+社区

领取腾讯云代金券