代码编织梦想

一、单页面禁用

1.1. 安卓

  • vue2版本
onLoad() {
	
},
// 和生命周期函数同级
// 返回值为true 不允许返回 否则允许
onBackPress(options) {
    // 点击虚拟键或者侧滑的时候触发(不允许返回)
	if(options.from === 'backbutton'){
		return true
	}
	// 否则则允许返回
	return false;
}
  • vue3版本
import {
	onBackPress
} from "@dcloudio/uni-app";
// 和生命周期函数同级
// 和生命周期函数同级
// 返回值为true 不允许返回 否则允许
onBackPress((options) => {
    // 点击虚拟键或者侧滑的时候触发(不允许返回)
	if (options.from === 'backbutton') {
		return true
	}
	// 否则则允许返回
	return false;
})

1.2. ios

  • 直接在pages.json中关闭侧滑的
{
	"path": "pages/Equipment/smartWatches/heart-rate/index",
	"style": {
		"navigationBarTitleText": "心率测量",
		"navigationBarBackgroundColor": "#1E212E",
		//禁止滑动返回
		"disableSwipeBack": true,
	}
},

二、全局禁用

首先找到并打开manifest.json,然后配置内容为 "disableSwipeBack": true,即可禁止响应左滑动画。

"plus": {  //uni-app项目对应节点名称为"app-plus"  
    "disableSwipeBack": true,
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_44741577/article/details/139075829

uni-app禁用返回按钮/返回键_也•简的博客-爱代码爱编程

前言 使用uni-app开发原生应用时,遇到需求: 需要禁用物理返回按钮、手势返回。uni.navigateBack仍可使用。实现 当前页面的onBackPress()中,禁用物理返回pages.json中,去除当前页面的返回按钮当前页面的mounted()中,隐藏当前页面的返回按钮(针对pages.json中设置无效的情况)具体演示代码 1、当前

-爱代码爱编程

需要禁止部分页面侧滑返回 iOS端 popGesture 但是实测后, 其实设置popGesture:'none' 是无效的 真正可以用的是这个 disableSwipeBack android端 别的方案没有

uniapp阻止页面返回(在页面返回前做某些操作)-爱代码爱编程

需求:在当前页面做盘点工作,未保存当前页面数据时退出该页面,需要弹窗提示用户使用保存后再关闭页面 该代码可拦截:点击导航栏返回、滑动返回、安卓物理返回键和调用 navigateBack 接口 效果图: 官方文档:page-container | 微信开放文档 代码:写在你需要返回监听的同一个页面就行了  注意:page-container组件