小程序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)
    }
}
相关推荐
韩立学长16 分钟前
基于微信小程序的公益捐赠安全平台9hp4t247 包含完整开发套件(程序、源码、数据库、调试部署方案及开发环境)系统界面展示及获取方式置于文档末尾,可供参考。
数据库·微信小程序·小程序
2501_915918411 小时前
iOS 混淆与 IPA 加固一页式行动手册(多工具组合实战 源码成品运维闭环)
android·运维·ios·小程序·uni-app·iphone·webview
流***陌11 小时前
扭蛋机 Roll 福利房小程序前端功能设计:融合趣味互动与福利适配
前端·小程序
亮子AI14 小时前
【小程序】微信小程序点击效果(view、button、navigator)
微信小程序·小程序
future_studio14 小时前
聊聊 Unity(小白专享、C# 小程序 之 加密存储)
开发语言·小程序·c#
從南走到北15 小时前
洗车小程序系统
微信小程序·小程序
dazhong201217 小时前
微信小程序开发实战指南(三)-- Webview访问总结
微信小程序·小程序
计算机毕业设计小帅17 小时前
【2026计算机毕业设计】基于Springboot的校园失物招领小程序
spring boot·小程序·课程设计
盛夏绽放19 小时前
关于 uni-app 与原生微信小程序中的生命周期 —— 一次“生命旅程”的解读
微信小程序·小程序·uni-app
流水线上的指令侠20 小时前
使用C#写微信小程序后端——电商微信小程序
微信小程序·小程序·c#·visual studio