VJayLau
VJayLau
  • 发布:2019-09-18 11:14
  • 更新:2021-09-11 17:04
  • 阅读:3776

web-view直接返回父页面的解决方案

分类:uni-app

在有web-view的页面,如果点击左上角的后退按钮,会返回到web-view中url的上一个页面,而不是回到APP的父页面
采用如下代码,点击左上角后退按钮就可以回到父页面。
onBackPress(options) {
const currentWebview = this.$mp.page.$getAppWebview();
if(currentWebview){
let child=currentWebview.children();
for(let i=0;i<child.length;i++){
currentWebview.remove(child[i]);
}
}
return false;
}

PS:不要采用currentWebview.close(),uniapp下不好用,各种出错

2 关注 分享
ssnet 船帆

要回复文章请先登录注册

1***@qq.com

1***@qq.com

回复 小权 :
如果是H5的话,应该怎么解决?
2021-09-11 17:04
1***@qq.com

1***@qq.com

web-view加载的H5是uni-app做的话,怎么实现啊?
2021-09-11 17:04
小权

小权

web-view加载的H5是uni-app做的话,这样的代码是没有卵用的
2021-03-19 11:33
1***@qq.com

1***@qq.com

但是如果是通过uni.navigateBack 这种返回方式就没效果了,还是回到上个URL而不是APP的父页面
2020-11-20 14:45
7***@qq.com

7***@qq.com

方法:只测试了 H5
//会退回到 web-view 首次载入的页面
uni.navigateBack({
delta: 9999999
});
//在执行一遍, 会退回到 父级页面
uni.navigateBack({
delta: 1
});
2020-09-17 13:06
l***@163.com

l***@163.com

ios 下需要点击两次返回是什么情况
2020-06-06 14:56
ssnet

ssnet

正好需要这段代码,谢谢了
2020-01-11 16:57