程序内使用web-view组件嵌套H5页面,当H5页面更换了内容后,小程序里的h5页面不更新问题处理

43 阅读1分钟

小程序内使用web-view组件嵌套H5页面,当H5页面更换了内容后,小程序里的h5页面不更新问题处理

这个问题是由于小程序缓存了H5的内容造成的,可以在H5链接后面拼接个参数,加上时间戳可做用于H5的版本号,这样每次访问都可以全新的链接展示内容避免缓存,代码如下

wxml:

<view>
  <web-view src="{{src}}"></web-view>
</view>

js:

Page({
  data: {
    src: `https://xxx/xxx/xxx/xxx.html?timestamp=${new Date().getTime()}#wechat_redirect`,
  },
});

注意:此方法可以解决缓存问题但由于时间戳作为版本号所以每次访问都会以引用新地址来重新识别加载地址

简单记录如有问题或更优解还请不要吝啬的共同沟通学习,此结。