微信公众号开发

当小程序内用web-view组件嵌套了h5页面,当h5页面更换了内容后,小程序里的h5页面不更新怎么办?

本文主要是介绍当小程序内用web-view组件嵌套了h5页面,当h5页面更换了内容后,小程序里的h5页面不更新怎么办?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

当小程序内用web-view组件嵌套了h5页面,当h5页面更换了内容后,小程序里的h5页面不更新怎么办?

这个是小程序缓存了h5的内容造成的,可以在h5链接后面拼接个参数,加上时间戳就好了,代码如下

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

参考文章:https://blog.csdn.net/qq_37210523/article/details/115534130
参考文章讲得很详细,其中第二点讲了在h5源码页面的head头部添加不缓存的配置,经过测试,如果加了不缓存的配置之后,会导致每次加载h5页面都会请求2~3s,因为业务需要,会频繁打开h5页面,这样子体验不好,就没加了。因为配置了上面代码后问题已经得到了解决。

这篇关于当小程序内用web-view组件嵌套了h5页面,当h5页面更换了内容后,小程序里的h5页面不更新怎么办?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!