小程序内使用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
    })
  },
});
相关推荐
EmmaGuo201520 分钟前
flutter3.7.12版本设置TextField的contextMenuBuilder的文字颜色
前端·flutter
pepedd86442 分钟前
全面解析this-理解this指向的原理
前端·javascript·trae
渔夫正在掘金42 分钟前
神奇魔法类:使用 createMagicClass 增强你的 JavaScript/Typescript 类
前端·javascript
雲墨款哥43 分钟前
一个前端开发者的救赎之路-JS基础回顾(三)-Function函数
前端·javascript
猩猩程序员44 分钟前
NAPI-RS v3:优化 Rust 与 前端 Node.js 跨平台支持
前端
艾小码44 分钟前
CSS粘性定位失效?深度解析 position: sticky 的陷阱与解决方案
前端·css
小徐_23331 小时前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
前端·uni-app·trae
汪子熙1 小时前
深入理解 TypeScript 的 /// <reference /> 注释及其用途
前端·javascript
全栈老石1 小时前
设计师到前端不再有墙:Figma + VS Code 自动出码实践
前端·vue.js·html
GIS之路1 小时前
GeoTools 结合 OpenLayers 实现叠加分析
前端