在一个列表中，有n条数据，采用上拉加载更多的方式，假如这个时候想对其中某一个数据进行点赞操作，还能及时看到点赞的效果
1、可以采用setData全局刷新，点赞完成之后，重新获取数据，再次进行全局重新渲染，这样做的优点是：方便，快捷！缺点是：用户体验极其不好，当用户刷量100多条数据后，重新渲染量大会出现空白期（没有渲染过来）
2、说到重点了，就是利用setData局部刷新
a.将点赞的id传过去，知道点的是那一条数据
将点赞的id传过去，知道点的是那一条数据
b.重新获取数据，查找相对应id的那条数据的下标（一会方便替换之前渲染的列表中的那条数据，index是不会改变的）
c.用setData进行局部刷新
如图即可
其实这个小操作对刚刚接触到微信小程序的人来说应该是不容易发现的，不理解setData还有这样的写法。如果这篇文章对你有帮助，希望您也能加入我的qq群帮助更多需要帮助的小程序开发者：751741695
应用场景 在一个列表中，有n条数据，采用上拉加载更多的方式，假如这个时候想对其中某一个数据进行点赞操作，还能及时看...
小程序引擎之--UI树与局部刷新 本章内容介绍小程序页面构造的树结构及调用this.setData()如何进行局部...
之前写的一篇利用setData进行局部渲染的文章，有些朋友可能看的不是很明白，那篇文章写的可能也有一些问题，今天我...
微信小程序学习笔记-setData()使用和注意事项 微信小程序 setData() 使用：Page.protot...
https://blog.csdn.net/weixin_41257563/article/details/850...
微信小程序自定义组件Component作为子组件时， 当父组件调用setData 刷新时 ， 不会触发子组件任何生...
微信小程序页面更新数据是通过setData实现的，通常有很多列表数据的页面（应用场景），比如在一个购物车列表页面，...
由于之前的文章中已经教会了大家如何注册自己的一个微信小程序，并且利用微信开发工具进行小程序的开发，所以这里不再介绍...
谈起微信小程序的刷新,微信小程序API已经为我们留好对应方法,简单来说,我们只需设置刷新加载,以及在对应方法中进行...
1、先码为敬 数据结构 setData的解决方案 2、再讲道理 我们先说setData:微信小程序setData数...
本文标题：微信小程序中如何利用setData进行列表局部刷新
本文链接：https://www.haomeiwen.com/subject/zadtkftx.html
网友评论
点击后：
1、记录他的 id,所在列表List的index,计算出所在的pg
2、重新获取数据page=pg，得到pg页数据，id==data[i].id =>记录下这条数据：data
3、通用做法是：List[index] = data，小程序局部渲染setData：请仔细看文章最后一幅图