微信h5界面隐藏刷新功能_微信小程序刷新webview页面问题

一、背景

我这边小程序的首页使用的是web-view组件。相当于直接引入了url，访问写好的h5页面即可。比着原生的小程序页面来说，方便了不少，但是刷新是个问题。这里记录一下刷新的方法。

二、微信小程序的生命周期函数

生命周期函数onLoad: 页面加载一个页面只会调用一次。接收页面参数可以获取wx.navigateTo和wx.redirectTo及navigator/中的 query。onShow: 页面显示每次打开页面都会调用一次。onReady: 页面初次渲染完成一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。onHide: 页面隐藏当navigateTo或底部tab切换时调用。onUnload: 页面卸载当redirectTo或navigateBack的时候调用。

三、常用的刷新

1、如果是用原生的小程序页面

如果是用原生写的，那么刷新就很简单了，

请参考微信官方文档

我这边是相当于在对应的page页面，比如是index页面的.json文件中，直接写上个："enablePullDownRefresh": true1

这样就能实现index页面的下拉刷新了

2、onShow方法刷新页面

根据我们对于生命周期函数的理解，我们可以在页面上使用onShow()方法，达到每次跳转到该页面的时候，都加载一下页面。

类似于：onShow : function(){    console.log('onShow start');    var that = this;    if (app.globalData.token && app.g