1***@qq.com
1***@qq.com
  • 发布:2022-08-18 15:04
  • 更新:2022-08-19 11:20
  • 阅读:1842

uni-app 打包的h5怎么监听手机物理返回键?

分类:uni-app

uni-app 打包的h5怎么监听手机物理返回键?从订单列表通过手机物理返回可以直接跳转到首页
window.addEventListener('popstate', this.fun, false);
fun() {
let that=this;
uni.reLaunch({
url:'/pages/index/index'
})
}
这种方式可以跳转到首页,但是其他页面返回都直接到首页了,影响了其他页面的物理返回。
beforeDestroy() {
window.removeEventListener('popstate', this.fun, false);
}
加了这个后订单列表又没法返回首页了

2022-08-18 15:04 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

是生命周期触发时机问题,可参考如下代码

onShow(){  
    window.addEventListener('popstate', this.testBack)  
},  
onUnload(){  
    // 处理当前页面返回  
    setTimeout(() => {  
        window.removeEventListener('popstate',this.testBack)  
    },300)  
},  
onHide() {  
    // 处理当前页面离开(跳转其他页面)  
    window.removeEventListener('popstate',this.testBack)  
},  
methods:{  
    testBack(){  
        uni.reLaunch({  
            url:'/pages/index/index'  
        })  
    }  
}
  • 9***@qq.com

    牛皮,终于找到你,棒棒哒

    2022-12-19 11:55

  • DCloud_UNI_WZF

    回复 8***@qq.com: 检查代码逻辑,大概率不是框架问题

    2023-01-16 16:16

该问题目前已经被锁定, 无法添加新回复