uni-app导航栏自定义“返回按钮”多种方法设置原生返回

方法一、 导航栏返回按钮事件

onBackPress 监听页面返回,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示来源是左上角返回按钮或 android 返回键;navigateBack表示来源是 uni.navigateBack;详见 app、H5、支付宝小程序

onBackPress() {
    this.back1();
    return true;
},

methods: { 
    //关闭所有页面,打开到应用内的某个页面。
    back1() {
        uni.reLaunch({  
            url: '/pages/work/work'
        })
    },
    
    //跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 
    back2() {
        uni.switchTab({
            url: '/pages/index/index'
        });
    },
    
    //保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。 
    back3()

你可能感兴趣的:(vue.js,uni-app,web前端,uni-app,vue,前端)