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

青青子衿越

于 2024-05-10 10:43:00 发布

阅读量805

点赞数 1

文章标签：前端小程序

本文链接：https://blog.youkuaiyun.com/qq_46376192/article/details/138655265

版权

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

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

Page({
  data: {
    urlpath:'',
  },
  onLoad(option:any) {
    var url = option.url;
    url =url+ `?timestamp=${new Date().getTime()}`
    this.setData({
      urlpath:url
    })
  },
});