uniapp web-view组件的页面如何直接关闭当前页面
Posted mqy1023
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp web-view组件的页面如何直接关闭当前页面相关的知识,希望对你有一定的参考价值。
uniapp 用 web-view 打开一个网页,网页中点击跳转到下一层级的网页,一层层深入,点击返回键或者页面上方返回按钮只能一层层往回退,下面办法可以一次性关闭当前web-view页面
<template>
<view>
<web-view :webview-styles="webviewStyles" :src="openUrl"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
openUrl: "",
webviewStyles: {
progress: {
color: '#FF3333'
}
}
};
},
onLoad(option) {
this.openUrl = “http://xxxx.com”
},
onBackPress(options) {
let pages = getCurrentPages()
let page = pages[pages.length - 1];
let currentPages = page.$getAppWebview()
currentPages.close()
return false
},
}
</script>
以上是关于uniapp web-view组件的页面如何直接关闭当前页面的主要内容,如果未能解决你的问题,请参考以下文章
uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性
微信小程序web-view组件嵌入h5页面导致双导航栏,如何只保留其中一个?