纵有疾风起
人生不言弃

微信小程序中如何利用setData进行列表局部刷新

此文章有最新地址:微信小程序利用setData对列表进行局部刷新超详细

应用场景

在一个列表中,有n条数据,采用上拉加载更多的方式,假如这个时候想对其中某一个数据进行点赞操作,还能及时看到点赞的效果

解决方法

1、可以采用setData全局刷新,点赞完成之后,重新获取数据,再次进行全局重新渲染,这样做的优点是:方便,快捷!缺点是:用户体验极其不好,当用户刷量100多条数据后,重新渲染量大会出现空白期(没有渲染过来)

2、说到重点了,就是利用setData局部刷新

a.将点赞的id传过去,知道点的是那一条数据

微信小程序中如何利用setData进行列表局部刷新插图
将点赞的id传过去,知道点的是那一条数据

b.重新获取数据,查找相对应id的那条数据的下标(一会方便替换之前渲染的列表中的那条数据,index是不会改变的)

微信小程序中如何利用setData进行列表局部刷新插图(1)

c.用setData进行局部刷新

微信小程序中如何利用setData进行列表局部刷新插图(2)
如图即可

其实这个小操作对刚刚接触到微信小程序的人来说应该是不容易发现的,不理解setData还有这样的写法。如果这篇文章对你有帮助,希望您也能加入我的qq群帮助更多需要帮助的小程序开发者:751741695

文章转载于:https://www.jianshu.com/p/21cee678a5e7

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » 微信小程序中如何利用setData进行列表局部刷新

分享到: 生成海报
avatar

评论 抢沙发

评论前必须登录!

立即登录   注册

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活