当前位置:首页 » 《随便一记》 » 正文

微信小程序 -- 阻止小程序返回

22 人参与  2023年04月14日 13:20  分类 : 《随便一记》  评论

点击全文阅读


本次项目为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


点击全文阅读


本文链接:http://zhangshiyu.com/post/59544.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 晚风轻吻夏夜萤火全书+后续(裴少舟陆闻迟)全书裴少舟陆闻迟结局_裴少舟陆闻迟+结局列表_笔趣阁(晚风轻吻夏夜萤火全书+后续)
  • 闻砚辞阮雾梨(人面桃花长相忆阮雾梨+结局+番外)_闻砚辞阮雾梨列表_笔趣阁(人面桃花长相忆阮雾梨+结局+番外)
  • [洪荒:先天阴阳蛟,再无金蛟剪]完结版全文_元易云霄爆款小说高能章节试读
  • 月下无花已成憾命运转折章节速览_[李培佳如烟穆晓]小说无删减版在线阅读
  • 二十八次背叛小说精彩章节试读_[顾寒冉冉顾笙]完本
  • [这情天恨海,谁同君天上人间]后续完整大结局_「玄翊黄泉寿元」完结
  • 阮雾梨闻砚辞精彩分享_阮雾梨闻砚辞精彩分享
  • 半是风雨半是霜+结局+番外(顾宴辞宋相欢)_(顾宴辞宋相欢)半是风雨半是霜+结局+番外
  • 张静周明苏梦(被白眼狼养女谋财害命后我杀疯了结局+后续全面完结)免费在线_(被白眼狼养女谋财害命后我杀疯了结局+后续全面完结)张静周明苏梦免费精彩片段
  • 我不是御兽之王,别抢着当我的契约兽!独家章节限时试读_「罗小武」小说精彩节选免费试读
  • [女儿参加变形节目导致我被全网网暴后,我杀疯了]悬念章节免费释出_[小雨杨丽祖宗]小说精彩章节免费试读
  • (番外)+(全书)羽樱黎墨(往劫覆烟萝结局+番外)全书在线_羽樱黎墨免费列表_笔趣阁(往劫覆烟萝结局+番外)

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1