【微信小程序】返回上一页刷新或当前页刷新

本文链接： https://blog.csdn.net/weixin_42614447/article/details/89561045

bug：在onShow中执行this.onLoad()，会导致页面第一次加载的时候数组加载两次！
造成原因：页面加载先执行onLoad，再执行的onShow，就会出现在onLoad加载一次数据，在onShow中执行this.onLoad()在加载一次数据。
解决办法：将不需要刷新的数据放在onLoad中执行，将需要刷新的数据放在onShow中执行！

页面的刷新，不管是H5还是APP或者其他浏览器之类的，都有相应的刷新函数或者方法，所以，微信小程序也有一些简单的刷新方法，可供参考。

HTML实现当前页面刷新

首先我们都知道在HTML页面我们要实现当前页面刷新一般会怎么解决呢？
1，reload()方法刷新当前页面；
2，replace() 方法刷新当前页面；
3，页面自动刷新当前页面；
三种实现js 刷新当前页面的方法用法

微信小程序

1，在实现效果之前，需要知道微信小程序的页面生命周期，不是很清楚的可以看微信小程序----页面生命周期；
2，可以知道微信小程序的页面是由onLoad（页面加载）、onReady（页面初次渲染完成）、onShow（页面显示）、onHide（页面隐藏）、onUnload（页面卸载）五个周期构成；
3，知道了页面的生命周期，如何实现返回刷新和当前页刷新呢？又在什么场景需要页面刷新效果呢？

当前页面刷新

/**
 * 刷新页面，页面设置点击刷新事件
 */
onRefresh: function() {
  this.onLoad()
  this.onReady()
}

注意：如果onLoad函数中有其他页面传过来的参数，建议放setData中，以免刷新的时候获取不到值的情况出现，一般不会遗失参数的！

返回上一页刷新

充分利用页面隐藏和显现的函数

/**
 * 生命周期函数--监听页面显示
 */
onShow: function() {
	// 当返回当前页面的时候，会自动调用这个参数，则实现自动返回刷新
	this.onLoad()
    this.onReady()
},
/**
 * 生命周期函数--监听页面隐藏
 */
onHide: function() {
	// 此函数是当前页面隐藏挑战到其他页面的隐含函数，可以设置全局变量之类
	app.globalData.NetWorkType = true;
},

这两种刷新页面的方法各有利弊，如果不想单独在onShow中实现返回自动刷新，可以根据自定义的全局变量来管控。

微信小程序要实现页面刷新，简单的说就是在不同的地方执行onLoad周期函数。不过需要注意在刷新时是否需要初始化变量，这个必须注意。

微信小程序-下拉刷新（onPullDownRefresh）

/**
 * 页面相关事件处理函数--监听用户下拉动作
 */
onPullDownRefresh: function() {
	// 在此方法中实现数据加载的逻辑
}

//此方法需要在当前页面的json中设置如下参数，开启下拉刷新
{
  "enablePullDownRefresh": true
}

此种方法刷新，并不会重新加载页面，或者刷新数据，需要手动调用onLoad函数或加载数据函数，重新动态载入数据。

供参考！