您现在的位置是:首页 > 短信大全

uniapp 在webview中的h5页面关闭当前webview

作者:付梓时间:2024-04-02 12:10:41分类:短信大全

简介  文章浏览阅读855次。在h5中关闭webview页面_uniapp 关闭webview

点击全文阅读

1、在uniapp项目根目录的index.html中引入webview.js,注意:引入的时候要在body下面引入

<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>

2、在h5页面中通知webview界面执行返回操作

uni.webView.postMessage({data:'这是H5传递的值'})

3、在 webview页面中接受h5的通知,并执行关闭当前webview页面

<web-view :src="currentUrl" @message="message"></web-view>message(msg) {    let pages = getCurrentPages()let page = pages[pages.length - 1];let currentPages = page.$getAppWebview()let children = currentPages.children()if (children.length === 0) {uni.navigateBack()} else {children[0].close()setTimeout(() => {uni.navigateBack()}, 80)}}, 

点击全文阅读

郑重声明:

本站所有活动均为互联网所得,如有侵权请联系本站删除处理

我来说两句