小程序uniapp关闭手势返回操作

news2024/9/21 3:18:09

需求:进入当前页面后,无法返回其他页面,禁止所有返回操作(手势返回、左上角返回按钮等)

解决:

方法一:wx.enableAlertBeforeUnload

wx.enableAlertBeforeUnload

在onLoad里调用:

onLoad: function(){
    wx.enableAlertBeforeUnload({
      message: "返回上页时弹出对话框",
      success: function (res) {
        console.log("方法注册成功:", res);
      },
      fail: function (errMsg) {
        console.log("方法注册失败:", errMsg);
      },
    });
}

方法二:page-container

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

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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2134544.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

-isystem isystem 实验记录

1&#xff0c;isystem 的理论 2&#xff0c;实验方案 $ tree . ├── inc111 │ └── test.h ├── inc222 │ └── test.h └── src ├── a.out └── hello.c inc111/test.h: #pragma once#define NUM 111 inc222/test.h #pragma once#define N…

2024年9月中国数据库排行榜:openGauss系多点开花,根社区优势明显

在墨天轮发布的9月中国数据库流行度排行榜中&#xff0c;中国数据库产业格局进一步聚集刷新&#xff0c;呈现出3大显著特征&#xff1a; 开源势力力争上游显优势领先潮流&#xff1b;openGauss 开源根社区优势明显&#xff1b;阿里华为两极鼎立云上云下各争先&#xff1b; 开…

2024年第二届《英语世界》杯全国大学生英语听力大赛

下周开考&#xff01; 一、主办单位 商务印书馆《英语世界》杂志社 二、时间安排 赛事报名时间&#xff1a;即日起-2024年11月15日 正式比赛阶段&#xff1a;第一场&#xff1a;2024年9月22日10:00-22:00 第二场&#xff1a;2024年10月27日10:00-22:00 第三场&#xff1…

安装2024最新版Android Studio 最详细教程(带图展示)

一、安装JDK &#xff08;1&#xff09;首先在除C盘以外的盘建立文件夹&#xff0c;分别保存软件位置&#xff0c;JDK位置与SDK位置&#xff0c; 特别注意&#xff1a;所有文件名中不要出现空格&#xff0c;而且每个文件夹都是为空的状态 这里我是在D盘中操作。 &#xff0…

综合型医院适合什么样的数据摆渡方式,才能服务与安全兼顾?

综合型医院&#xff0c;是提供全面医疗服务的综合型医院。综合型医院的服务对象广泛&#xff0c;包括儿童、成人、老年人等各年龄段的人群&#xff0c;以及患有各种疾病的患者。它们通过提供全面的医疗服务&#xff0c;保障人民群众的健康需求&#xff0c;是医疗卫生事业的重要…

IP-adapter masking

https://github.com/huggingface/diffusers/issues/6802https://github.com/huggingface/diffusers/issues/6802

Java后端编程语言进阶篇

第一章 函数式接口 函数式接口是Java 8中引入的一个新特性&#xff0c;只包含一个抽象方法的接口。 函数式接口可以使用Lambda表达式来实现&#xff0c;从而实现函数式编程的特性。 使用 FunctionalInterface标识接口是函数式接口&#xff0c;编译器才会检查接口是否符合函数…

linux-L3-linux 复制文件

linux 中要将文件file1.txt复制到目录dir中&#xff0c;可以使用以下命令 cp file1.txt dir/复制文件 cp /path/to/source/file /path/to/destination移动 mv /path/to/source/file /path/to/destination复制文件夹内的文件 cp -a /path/to/source/file /path/to/destinati…

孟德尔随机化分析和GWAS分析有什么区别?

大家好&#xff0c;我是邓飞。 最近一直在研究孟德尔随机化分析&#xff0c;已经从概念到实操了&#xff0c;程序已经跑通了&#xff0c;很开心。这几天写的博客&#xff1a; 孟德尔随机化的术语理解 从一篇孟德尔随机化文章看MR常见结果形式 对于GWAS分析&#xff0c;从原…

LRELHLNNN;亲水性抗肝纤维化多肽作为基础肽;I型胶原蛋白靶向肽;九肽LRELHLNNN

【LRELHLNNN 简介】 LRELHLNNN是一种多肽&#xff0c;它能够选择性地结合到I型胶原蛋白&#xff0c;具有亲和力为170 nM。LRELHLNNN是由9个氨基酸组成&#xff0c;其氨基酸序列为H-Leu-Arg-Glu-Leu-His-Leu-Asn-Asn-Asn-OH。LRELHLNNN因其与I型胶原蛋白的高亲和力而在生物医学领…

密码学---黄道十二宫

✨简单理解的概念&#xff1a;是一种换位密码。 &#x1f380;破解需要用到对角线的方式&#xff1a;第一个H&#xff0c;先向下移动1位&#xff0c;再向右移动2位&#xff0c;依次类推。 &#x1f380;接着对对角线重新排列&#xff0c;就能得到一段有序的代码 &#x1f380; …

玩机搞机-----如何简单的使用ADB指令来卸载和冻结系统应用 无需root权限 详细操作图示教程

同类博文&#xff1a; 玩机搞机---卸载内置软件 无root权限卸载不需要的软件 安全卸载_无需root卸载彻底内置软件-CSDN博客 在很多时候我们需要卸载一些系统级的app。但如果直接手机端进行卸载的话。是无法正常卸载的。其实我们可以通过有些成品工具或者完全靠ADB指令来进行卸…

网红酒店|基于java的网红酒店预定系统(源码+数据库+文档)

酒店预定|网红酒店|网红酒店预定系统 目录 基于java的网红酒店预定系统 一、前言 二、系统设计 三、系统功能设计 四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获取&#xff1a; 博主介绍&#xff1a;✌️大厂码农|毕设布道师&am…

4×4矩阵键盘详解(STM32)

目录 一、介绍 二、传感器原理 1.原理图 2.工作原理介绍 三、程序设计 main.c文件 button4_4.h文件 button4_4.c文件 四、实验效果 五、资料获取 项目分享 一、介绍 ​​​​​矩阵键盘&#xff0c;又称为行列式键盘&#xff0c;是用4条I/O线作为行线&#xff0c;4…

【四范式】浅谈NLP发展的四个范式

自然语言处理&#xff08;Natural Language Processing&#xff0c;NLP&#xff09;是计算机科学&#xff0c;人工智能&#xff0c;语言学关于计算机和人类自然语言之间的相互作用的领域&#xff0c;是计算机科学领域与人工智能领域中的一个重要方向。NLP发展到今天已经进入到了…

[Python学习日记-19] 细讲数据类型——集合

[Python学习日记-19] 细讲数据类型——集合 简介 集合的创建 集合的增删查 集合的循环 集合的去重 集合的关系运算 简介 在前面我们学习到了列表、元组、字符串、字典这几种数据类型&#xff0c;在 Python 中还有最后一种数据类型&#xff0c;那就是集合&#xff0c;下面…

Cloudflare Pages 部署 Next.js 应用教程

Cloudflare Pages 部署 Next.js 应用教程 本教程将指导你如何将现有的 Next.js 应用部署到 Cloudflare Pages。 准备工作 安装部署依赖 首先,安装 cloudflare/next-on-pages: npm install --save-dev cloudflare/next-on-pages添加 wrangler.toml 配置文件 在项目根目录创建 …

如何删除git提交记录

今天在提交github时&#xff0c;不小心提交了敏感信息&#xff0c; 不要问我提交了啥&#xff0c;问就是不知道 查了下资料&#xff0c;终于找到简单粗暴的方式来删除提交记录。方法如下 git reset --soft HEAD~i i代表要恢复到多少次提交前的状态&#xff0c;如指定i 2&…

GD32F4开发 -- SEGGER RTT移植

FreeRTOS移植了&#xff0c;我将SEGGER RTT移植和FATFS也一并移植进去得了。 参看&#xff1a;GD32F4开发 – JLink使用 这里面其实已经讲了怎么移植了。 一、移植 直接将整个 RTT 文件夹加入工程 将其拷贝到我的工程&#xff1a; 二、创建 RTT 分组 工程目录如下&#xf…

微波无源器件 功分器2 用于双极化应用的新型宽带圆波导四路功分

摘要&#xff1a; 提出了一种适用于多级()波束形成网络高度紧凑和有效的双模功。圆波导双极化通过使用一个对称4:1的十字转门拓扑和有策略的腔体谐振抑制器来实现理论35dB的交叉极化隔离的高于20%的带宽。对于一个Ku波段(10.5-13GHz)的双模四路功分器的实测验证被提出了&#x…