uniapp wap2APP 打包h5项目 当使用返回上一页方法时 直接退出/无效返回

1,257 阅读1分钟

uniapp 打包 h5时 导航栏的返回键失效解决 因为我们项目需要在H5页面中自定义导航栏 所以顶部的返回键需要自己定义方法 但是当程序运行在app内 点击返回键时 出现了下面这个问题   GSN~N2HK612GVGOH)9UC26U.png

思路: wap2app 其实是一个内嵌webView来渲染网页地址 既然是webView 那就可以直接调用原生壳子的返回方法 于是按照这个思路使用 webview.back(); 即可达到返回的效果

//检测代码块是否有报错 try { //当你运行在h5是 这个块就会报错 因为h5找不到app原生的plus对象 往下就会走向cathc() var webview = plus.webview.currentWebview();

webview.back();

} catch (error) { //当页面为h5时 就可以调用js中的返回方法

//vue返回上一页的方法
//this.$router.go(-1)

//h5返回方法
window.history.go(-1)

}