在使用uniapp开发APP中很多时候使用webview内嵌网页,
在网页中点击多次跳转后,想点击上方的返回按钮返APP的上一页或上几页的实现方法:文章来源地址https://www.toymoban.com/news/detail-858462.html
<template>
<view>
<web-view v-if="newurl" :src="newurl" ></web-view>
</view>
</template>
<script>
export default {
data() {
return {
newurl:''
}
},
onBackPress(e) {//响应返回事件
if (e.from === 'navigateBack') { //这个地方必须要有的,否则会死循环
return false;
}
console.log('点击返回....');
let pages = getCurrentPages()
let page = pages[pages.length - 1];
let currentPages = page.$getAppWebview()
currentPages.close()
uni.navigateBack({delta:2})
return true;
},
onShow() {
},
onLoad(opts) {
this.newurl = "https://www.xxx.com/index'
},
methods: {}
}
</script>
<style>
page{
background-color: #FFF;
}
</style>
文章来源:https://www.toymoban.com/news/detail-858462.html
到了这里,关于uniapp的APP中使用webview的返回的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!