uni-app使用webview，能不能监听webview关闭，或者在H5退出到进入webview之前的页面
![[已删除]](https://img-cdn-tc.dcloud.net.cn/account/identicon/cf22441a675aefe83488e85d63df43a8.png)
[已删除]
- 发布：2018-09-07 17:17
- 更新：2022-04-04 12:42
- 阅读：10197
2***@qq.com - app+前端开发者
也是找了半天资料才在5+里面看到web-view的监听事件~
比如:
<template>
<view>
<web-view class="web-page" :src="loadUrl" :webview-styles="webStyle" @message="webMsg"></web-view>
</view>
</template>
在onload()里面
var pageWeb = this.$mp.page.$getAppWebview();//获取当前页面的webview对象
setTimeout(function() {
var web = pageWeb.children()[0];//延时一点获取防止还没得~! }, 10);
web.addEventListener('loaded',function() {//事件监听
//web加载完成~!
},false);
//各种事件监听参考https://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject中的addEventListener
1***@qq.com - 程序狗
官方文档写的太敷衍了，我也是看到楼上的才写出来的，我贴下代码
var currentWebview = this.$mp.page.$getAppWebview();//得到web-view
setTimeout(function() {
console.log(currentWebview.children().length)
var wv = currentWebview.children()[0]
wv.addEventListener('close',function() {//事件监听
uni.navigateBack({//回退页面
delta: 1
})
},false);
}, 1000);
2***@qq.com
另外 页面结构是这样的
<template>
<view>
<web-view class="web-page" :src="loadUrl" :webview-styles="webStyle" @message="webMsg"></web-view>
</view>
</template>
2019-09-18 15:49