小程序内使用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
    })
  },
});
相关推荐
专注前端30年6 分钟前
如何使用 HTML5 的 Canvas + JavaScript 实现炫酷的游戏得分特效?
前端·javascript·游戏·html5·canvas·canva可画
q***06299 分钟前
解决 Tomcat 跨域问题 - Tomcat 配置静态文件和 Java Web 服务(Spring MVC Springboot)同时允许跨域
java·前端·spring
木易 士心36 分钟前
深入理解 CSS 中的 !important
前端·css
行走的陀螺仪1 小时前
GitLab CI/CD 完整教学指南
前端·ci/cd·gitlab·团队开发·自动化测试部署
谢尔登1 小时前
Webpack高级之常用配置项
前端·webpack·node.js
helloyangkl1 小时前
前端——不同环境下配置env
前端·javascript·react.js
竹秋…2 小时前
webpack搭建react开发环境
前端·react.js·webpack
以明志、2 小时前
并行与并发
前端·数据库·c#
提笔了无痕2 小时前
go web开发表单知识及表单处理详解
前端·后端·golang·web
甜味弥漫2 小时前
JavaScript新手必看系列之预编译
前端·javascript