小程序webView初始化销毁页面

解决思路:先把webviewUrl设为空,销毁当前webview,然后再把webviewUrl设为当前值
场景:点击web-view跳转到其他页面回退时进行webview初始化重新加载

解决思路:1.在小程序回退时先把webview设置为空销毁,定时器500ms后设置新的url再进行回退操作(有个问题:回退新的webview底部会有遮挡

2.在小程序回退时先把webview设置为空销毁,定义个新字段赋值新url,然后回退,返回上一页后再进行webviewUrl赋值(这个推荐,目前没发现其他问题

举例:

a.js:

复制代码
onLoad(options) {
    this.handleUrl(options.codePath || '')
},
  onShow() {
    if (this.newUrl) {
      this.handleUrl(this.newUrl || '')
    }
  },
  handleUrl(codePath) {
  	codePath = decodeURIComponent(codePath || '')
  	this.setData({
       url: `${path}`
     })
  }

b.js:

复制代码
goBack() {
    let url = app.globalData.enterWebviewUrl
    if (url) {
      let pages = getCurrentPages();
      const prevPage = pages[pages.length - 2];
      // 重置清空web-view
      prevPage.options.codePath = ``
      prevPage.onLoad(prevPage.options)
      prevPage.newUrl = url
      setTimeout(() => {
        wx.navigateBack({
          delta: 1
        })
      }, 100)
    }
}
相关推荐
说私域1 小时前
基于开源AI智能名片与链动2+1模式的S2B2C商城小程序研究:构建“信息找人”式精准零售新范式
人工智能·小程序·开源
知识分享小能手2 小时前
微信小程序入门学习教程,从入门到精通,微信小程序页面交互 —— 知识点详解与案例实现(3)
前端·javascript·学习·react.js·微信小程序·小程序·交互
说私域2 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序在公益课裂变法中的应用与影响研究
人工智能·小程序
Tartly2 小时前
掌中智汇,运筹帷幄 - 全新ASUS华硕智汇商擎小程序上线
小程序
私人珍藏库2 小时前
[吾爱大神原创] wx小程序自动解包工具界面版1.0.0
小程序
2501_916013743 小时前
iOS 26 设备文件管理实战指南,文件访问、沙盒导出、系统变更与 uni-app 项目适配
android·ios·小程序·uni-app·cocoa·iphone·webview
2501_915921433 小时前
前端用什么开发工具?常用前端开发工具推荐与不同阶段的选择指南
android·前端·ios·小程序·uni-app·iphone·webview
流***陌3 小时前
求职招聘小程序:轻量化场景下的核心功能解析
小程序·求职招聘
2501_916007473 小时前
iOS 26 能耗检测实战指南,升级后电池掉速是否正常 + KeyMob + Instruments 实时监控 + 优化策略
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_916013743 小时前
苹果上架 App 全流程详解,iOS 应用发布步骤、ipa 文件上传工具、TestFlight 测试与 App Store 审核经验
android·ios·小程序·https·uni-app·iphone·webview