微信小程序点击按钮重新加载页面

微信小程序点击按钮重新加载页面,第1张

1,微信小程序有提供一个下拉刷新的功能

2,点击按钮重新加载页面没有任何意义,因为如果你要改变页面显示数据,可以直接(请求接口)滚族改变data数据他会自动重新加载,或者重新调用onLoad里面的方法(一般我们把请求数据都放在onLoad里面),不会像网页那样需要刷新页面大磨弊

3,如果你硬是要那种游则效果你可以用页面跳转api跳转到当前页面

wx.switchTab({

url:当前路径

})

iOS数据监听很简单,比如登录成功之后首页、个人中心页等很多页面都需要更新数据,只需要首页和个人中心页注册通知,登录成功册答之后发送通知,首页和个人中心页就能接收到该通知,此时就可以更新数据及界面,退出桐大登录同理。

小程序更新页面数据就比较费劲,之前我都是州轮慧获取上级页面,然后调用上级页面自定义方法 loadNewData 方法来刷新上级页面数据。

这种方法说实话也挺好用的,但是只能更新 wx.navigateTo 打开的页面。

官方也有页面间通信方法 EventChannel ,同样只能和 wx.navigateTo 打开的页面进行通信。

今天遇到的需求是 tabbar 切换的页面更新首页列表数据,只能各种百度,最终也实现的功能。

在首页调用

在其他页面修改 reloadIndex 的值

小程序组件有 数据监听器 ,也实现了某个功能。

参考文章:

小程序实现数据监听

小程序如何在其他页面监听globalData中值的变化?

微信小程序设置简单的监听器

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

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

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

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

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存