小程序内使用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
    })
  },
});
相关推荐
humors22112 小时前
Deepseek工具:H5+Vue 项目转微信小程序报告生成工具
前端·vue.js·微信小程序·h5·工具·报告
方安乐12 小时前
ESLint代码规范(二)
前端·javascript·代码规范
zzginfo12 小时前
var、let、const、无申明 四种变量在赋值前,使用的情况
开发语言·前端·javascript
贺小涛12 小时前
Vue介绍
前端·javascript·vue.js
cch891813 小时前
React Hooks的支持
前端·javascript·react.js
鹏程十八少13 小时前
9. Android Shadow插件化如何解决资源冲突问题和实现tinker热修复资源(源码分析4)
android·前端·面试
蜡台13 小时前
vue.config.js 配置
前端·javascript·vue.js·webpack
qq_3813385013 小时前
微前端架构下的状态管理与通信机制深度解析:从 qiankun 源码到性能优化实战
前端·状态模式
han_13 小时前
JavaScript设计模式(六):职责链模式实现与应用
前端·javascript·设计模式