如何阻止小程序进入微信（微信小程序 — 阻止小程序返回）

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

方法1： wx.enableAlertBeforeUnload onLoad中声明

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

优点：简单方便

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

方法2： page-container

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

返回操作包括：顶部导航  
  
  
  
  
  
  
  
、右滑手势
 


 


 


 


 


 


 


 

、安卓物理返回键和调用 navigateBack 接口

优点：可以自定义返回框 <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 } }, }) } }

后语：对于page-container原理的个人理解

网上
 
 
 
 
 
 
 
 、官网上很多人只提到了这种方法可以解决阻止返回问题
   
   
   
   
   
   
   
   ，却没有很好的说明
 

 

 

 

 

 

 

 
，导致很多朋友在使用时并没有达到预期效果
 


 


 


 


 


 


 


 

。下面这个简单理解希望可以帮助到大家
 
 
 
 
 
 
 
 。

可以简单理解为在页面生成page-container

时会通知小程序需要监听用户返回操作 

 

 

 

 

 

 

 

，并且阻止返回一次   
   
   
   
   
   
   
   
。

当用户做了返回操作后                ，小程序执行了阻止返回

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 ，然后移除了监听















，所以接着再做一次返回操作就直接返回了
 

 

 

 

 

 

 

 
。

所以要达到不点击确定返回                        ，下一次做返回操作时依旧要阻止
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，就可以在每次返回点取消时候























，移除page-container                ，再重新生成一个page-container
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 ，这时就又会重新通知小程序监听返回一次















，所以上文用的是v-if

 

 

 

 

 

 

 

 。