天津储鑫盛钢材现货供应商 发表于 2024-12-1 18:31:53

uniapp的APP中利用webview的返回的标题

在利用uniapp开辟APP中很多时间利用webview内嵌网页,
在网页中点击多次跳转后,想点击上方的返回按钮返APP的上一页或上几页的实现方法:
<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;
                        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>


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: uniapp的APP中利用webview的返回的标题