uniapp app端 webview 返回多次

风花一世月

发布于 2024-03-19 14:04:39

13000

代码可运行

文章被收录于专栏：前端前端

运行总次数：0

代码可运行

嵌入页面有多个历史时，app端默认会返回嵌入页面的上一页，而不是uniapp的上一页

onBackPress可以拦截到返回类型，实体返回（from = backbutton）、导航栏左上角返回（from = backbutton）、uni.navigateBack()返回 (from = navigateBack)

onBackPress返回为true才不执行默认返回、使用自己的方法

注：onBackPress里调用uni.navigateBack()并返回为true时，会死循环，需要判断from = navigateBack时返回false

onBackPress(e) {

    if (e.from === 'navigateBack') {  
        return false;  
    }  
                
    let pages = getCurrentPages()  
    let page = pages[pages.length - 1];  
    let currentPages = page.$getAppWebview()  //获得当前webview的对象
    let children=currentPages.children()  
    
    
    if(children.length===0){  
        uni.navigateBack()  
    }else{  
        children[0].close()  
        setTimeout(()=>{  
            uni.navigateBack()  
        },80)  
    }
    
    return true;
},

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-01-29，如有侵权请联系 cloudcommunity@tencent.com 删除

webview