小程序内嵌H5刷新

工作中遇到记录

当前情况描述：小程序内嵌一个H5页面，H5页面有一个抽奖次数的展示，要求小程序里点击右上角分享时实现H5的页面刷新

额外说明：小程序分享时依次触发方法：onShareAppMessage -> onHide -> onShow

没有通过在H5链接上添加时间戳的方式实现刷新的原因是，小程序的左上角的返回键可能会需要多次点击才能退出当前webview页面

<view>
<web-view wx:if="{{flag}}" src="https://www.baidu.com/" />
</view>

onShareAppMessage里面通过变量flag控制webview组件是否显示，从而在逻辑上实现内嵌H5内容的强制刷新。

/**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    console.log('内嵌H5onShareAppMessage')
    this.setData({
      flag: false
    })
    // 模拟抽奖次数接口
    setTimeout(() => {
      this.setData({
        flag: true
      })
    }, 1000)
  }