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

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

javascript 复制代码
<view>
<web-view src="{{urlpath}}" ></web-view>
</view>

js

javascript 复制代码
Page({
  data: {
    urlpath:'',
  },
  onLoad(option:any) {
    var url = option.url;
    url =url+ `?timestamp=${new Date().getTime()}`
    this.setData({
      urlpath:url
    })
  },
});
相关推荐
江城开朗的豌豆几秒前
组件封装实战:如何设计灵活又好用的前端组件?
前端·javascript·vue.js
EndingCoder8 分钟前
算法与前端的可访问性
前端·算法·递归·树形结构
brzhang15 分钟前
别再梭哈 Curosr 了!这 AI 神器直接把需求、架构、任务一条龙全干了!
前端·后端·架构
Kagol24 分钟前
TinyEditor v4.0 alpha 版本发布,更强大的表格、更丰富的表情、体验更好的图片/视频/文件上传功能
前端·开源
然我33 分钟前
路由还能这么玩?从懒加载到路由守卫,手把手带你解锁 React Router 进阶技巧
前端·react.js·面试
良木林2 小时前
JavaScript书写基础和基本数据类型
开发语言·前端·javascript
brzhang8 小时前
我操,终于有人把 AI 大佬们 PUA 程序员的套路给讲明白了!
前端·后端·架构
止观止9 小时前
React虚拟DOM的进化之路
前端·react.js·前端框架·reactjs·react
goms9 小时前
前端项目集成lint-staged
前端·vue·lint-staged