uniapp app端 webview 返回多次

嵌入页面有多个历史时，app端默认会返回嵌入页面的上一页，而不是uniapp的上一页onBackPress可以拦截到返回类型，实体返回(from = backbutton)、导航栏左上角返回(from = backbutton)、uni.navigateBack()返回 (from = navigateBack)onBackPress返回为true才不执行默认返回、使用自己的方法注：onB...

风花一世月

1482人浏览 · 2023-01-29 15:07:00

风花一世月 · 2023-01-29 15:07:00 发布

嵌入页面有多个历史时，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;
},