微信小程序实现页面强制刷新

参考链接

一、如何刷新当前页面

1. 直接调用this.onLoad()

使用这个方法的时候，在第一次进入页面时保存onLoad()的参数options为_options。然后当你处理完其它事务要想要刷新页面的时候就可以直接调用this.onLoad(this._options)。

但是这个方法有一个缺点就是当你在onLoad() 函数里面有监听其它页面传过来的数据的时候，这个方法就不适用了。如下面这种情况

async onLoad(options) {console.log(options);const eventChannel = this.getOpenerEventChannel();//监听从商店页面传过来的商品数据eventChannel.on('shopPage', (data) => {const { commodity } = data;this.setData({commodity})})},

2. 创建一个特定的函数做数据更新

有时候只是某部分数据需要更新的时候，不需要调用onLoad() 函数，可以写一个特定的更新函数，这样就不会有直接调用onload的问题，还能提高速度。

二、如何返回上一个页面的时候刷新上一个页面的数据

1. 使用onShow() 函数

我们知道页面的生命周期中onShow()函数是每次页面显示都会调用的，当我们返回这个页面意味着页面从后台调到了前台，就会触发onShow()函数。所以只要将需要获取数据的方法放在onShow()函数里面就可以了

onShow() { //返回显示页面状态函数//错误处理this.onLoad()//再次加载，实现返回上一页页面刷新//正确方法this.fetchSomething() //只执行获取特定数据的方法，来进行局部刷新}

2. 在当前页面获取上一个页面，然后调用上一个页面的更新函数

但是onShow() 函数每次页面显示的时候都会执行，如果我们只想特定的时候执行怎么办？下面的方法可以解决。

只要在本页面处理完数据后，获取上一个页面的对象，然后执行上一个页面的特定的数据更新函数就可以。

let pages = getCurrentPages()
let prePages = pages[pages.length - 2]  //获取上一个页面的对象
prePages.fetchSomething(); //调用上一个页面里的更新函数

微信小程序实现页面强制刷新相关推荐

微信小程序webview页面不刷新，webview缓存页面不刷新，小程序webview页面不刷新，小程序webview地址追加参数页面还是缓存，解决办法
项目需求,在微信小程序首页的 banner 图,打开公司官网,这个功能很好实现,就是专门整个 webview 组件所在页面,以后凡是有这种需求的都跳转到这个页面,只需要切换不同的路由地址就行了,可是最 ...
微信小程序scroll-view实现自定义刷新
微信小程序scroll-view实现自定义刷新@TOC 先说原生页面级的刷新通常我们可以利用微信小程序的onPullDownRefresh函数(下拉刷新监听函数)和onReachBottom函数(上 ...
微信小程序实现下拉刷新
微信小程序实现下拉刷新配置json文件在js文件中写下拉刷新方法注意配置json文件如果需要全局使用下拉刷新就在app.json中设置如果为单页面使用则在页面json设置即可 " ...
微信小程序之页面打开数量限制
微信小程序之页面打开数量限制无论是在小程序还是APP中,打开一个页面其实就是创建了一个新的View对象,一层层叠加的.当点击页面的回退按钮就是把当前页面关闭. 这个过程中会涉及到一个问题,就是打开页 ...
微信小程序：页面传递中文出现乱码
微信小程序:页面传递中文 decodeURIComponent() 参考微信小程序页面中文传参Option获取参数乱码问题
微信小程序某个页面直接返回首页（微信小程序回退到首页）
微信小程序某个页面直接返回首页(微信小程序回退到首页) 打开小程序后,到三级页面后点击左上角的返回按钮,能够直接返回到首页正常 A -> B -> C 都是通过 wx.navigate ...
微信小程序tabar页面不触发onShow
微信小程序tabar页面不触发onShow [场景]: 开发中,原本js里面没有onShow方法,后面加上了onShow, 除了第一次页面加载调用了onShow方法,之后切换页面都没有触发. [解决办 ...
uniapp开发微信小程序-4.页面跳转与横向滑动
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能,备忘的同时给大家做个分享. 但既然是初级分享系列文章,为了方便新手朋友的上手工作,还是在此之前说一下页面跳转的 ...
微信小程序开发-页面跳转传递参数
微信小程序开发-页面跳转传递参数页面跳转有四种方式,分别为wx.navigateTo.wx.redirectTo.wx.reLaunch.wx.switchTab,前面三种可通过url路径携带参数实 ...