微信小程序阻止小程序返回的两种方法-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序阻止小程序返回的两种方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

本次项目为uniapp开发，原生小程序也可以参考这两个方法。

wx.enableAlertBeforeUnload

onLoad中声明

wx.enableAlertBeforeUnload({
    message: '请您填写数据',
    success:()=>{}
})

优点：简单方便

缺点：无法自定义样式、按钮文字及样式

page-container

这是一个类似弹框的组件，具体参数可以去官网查看。

返回操作包括：顶部导航、右滑手势、安卓物理返回键和调用 navigateBack 接口

优点：可以自定义返回框文章来源地址https://www.toymoban.com/news/detail-590326.html

<template>
<view>
    <text>测试阻止返回的页面</text>
    <!-- 阻止返回 -->
    //注意一定要用v-if 才可以，不然即使showPage1设置为false，第二次也会直接返回
    <view class="" v-if="showPage1">
        <page-container :show="showPage1" :overlay="false"  @beforeleave="beforeleave('showPage1')"></page-container>
    </view>
</view>
</template>
//数据及方法
data(){
    return {
        showPage1: true   //一开始设置为显示
    }
},
methods: {
    beforeleave(){
        this.showPage1 = false  //这个很重要，一定要先把弹框删除掉
        uni.showModal({
            title: `确定要退出吗`,
            success: (e)=>{
                if(e.confirm) {
                //判断是上一个页面进入(返回)，还是直接进入这个页面(回首页)
                    let pages = getCurrentPages()
                    if(pages.length == 1){
                        uni.switchTab({
                            url: '/pages/index/index'
                        })
                    }else {
                        uni.navigateBack(1)
                    }
                }else {
                    //点取消，生成新的弹框
                    this.showPage1 = true
                }
            },
        })
    }
}

到了这里，关于微信小程序阻止小程序返回的两种方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！