微信小程序 scroll-view 上滑没有加载更多问题

微信小程序 scroll-view 上滑没有加载更多问题,第1张

这是一个兼容性问题

在其他手机上可亏禅迅以正常交互,能加载下一页的数据

但是在iPhone XR上会出现第一页数据刚好是一屏的高度,所以不能再往上滑动了,导致不能加载袭搜更多

解决方销此案:

就是修改每页加载的数据量,简单粗暴的解决办法,23333333

一般来说,小程序下拉加载数据,用合并数组的方式(concat)然后再setData新的数组,这种方式只是试用数据量小的时候,为什么这么说,因为小程序的setData有一个限制,每次setData数据不能超过1024kb,大家可以想象一下,如果用concat合并产生新数组,并保存新数组为下一次加载的原数组,那么数量孙模大的时候肯定会出现数据的大小超过1024KB的限制,那么这种问题该怎么解决呢,说解决方法的时候渣洞先了解下小程序渲染的过程

这可以这样理解小程序已经把数据和视图绑定了起来,众所周知vue是数据双向绑定的,数据改变,视图也会相应的改变,而上面的那段话是不是可以理解为小程序也是双向绑定的,

在vue里修改数据可以写 this.a = b

小程序里修改数据需要  this.setData({"key":value})

那我们是不是可以这样理解在小程序修改数据的时候只是调用setData方法修改了定义中的变量,

跟vue中this.a = b 是一样的性质而只是写法不一样

明白了,这一点,说解决方法。。。

上面说了数据量大如凯枯的时候不能用concat的原因,那我们这时候该怎么解决,只是我们可以想,既然数据和视图绑定在一起了,我们是不是可以用一个二维数组解决这个问题

大概思路是这样的

1,在data里定义一个空数组,

2,获取下拉数据

3,把获取的数组,this.setData上面定义的数组

例如this.setData({

    [`arr[${b}]`]:res.data

})

这样就避免了setData数据过大而不报错的问题。

这时候数组发生了改变视图也会相应的改变,不过这样可能会出现一个问题,如果加载数据过多的时候视图会出现渲染层失败,

微信小程序是一种全新的应用形态,微信小程序平台不需要下载安装即可使用应用的平台,微信小程序实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也唯败烂体枯租现了“用完即走”的理念,用户不用关指漏心是否安装太多应用的问题。

如有更多问题可以继续咨询


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12494677.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存