小程序刷新页面的方法

小程序刷新页面的方法,第1张

通常来说,我们刷新页面是因为数据有更新,因此要在数据更新后调用刷新页面的方法,来让用户看到新的数据。

比如说我现在从购物车里删除了一件商品,我们要让用户看到删除的商品不见了,这个时候就要刷新数据。

我看到网上有人说重新调用onLoad()或者onShow()方法,那是页面加载时会执行的方法,调用这两个函数也确实会刷新页面,但这是没必要的,甚至因为要重新加载整个页面会变得卡慢,我试过。

直接给需要修改的数据赋予新的值,这部分数据就被刷新了,不需要刷新整个页面。

就还说上面在购物车删除商品的例子,点击删除按钮后,可以用this.setData({}),只将购物车这部分的数据刷新。

在做微信小程序开发时,可能需要刷新部分界面或定时发送请求。那么,微信小程序怎么实现自动刷新?

打开微信小程序开发工具,扫码二维码登录,新建或打开项目

在对应的wxml文件中,插入view标签并绑定变量

在对应界面的JavaScript文件中,data对象里初始化变量num

在生命周期函数onLoad中,调用定时器函数setInterval,修改变量num

保存代码并查看左侧的模拟器,结果对应的值没有变化

检查代码发现,没有获取到变量num,需要使用this.data.num取值,然后使用this.setData()赋值

保存代码并刷新模拟器,查看变量是否发生改变;如果是页面请求或 *** 作,可以放在定时器中

只需要关闭当前页面的下拉刷新功能,只要在当前页面的json文件中配置:

!!!注意:值为布尔类型,不是字符串类型。

关闭或打开真整个小程序的下拉刷新功能,在app.json里面配置就OK了,true为开启下拉刷新,false为关闭下拉刷新功能。

enablePullDownRefresh的值默认时为false,但有些页面在IOS手机上面会有下拉刷新功能,这时只要在当前页面JSON文件配置这个参数就可以了。


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

原文地址:https://54852.com/yw/10995008.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存