ToB企服应用市场:ToB评测及商务社交产业平台
标题:
uniapp 禁止手机单页面侧滑返回(IOS禁止侧滑)
[打印本页]
作者:
慢吞云雾缓吐愁
时间:
2024-7-24 19:40
标题:
uniapp 禁止手机单页面侧滑返回(IOS禁止侧滑)
公司需求在监测心率时没有竣事就不能退出页面,搜了很多IOS都没有效果,下边是我亲测IOS
单页面
使用有效
安卓方法:
export default {
data() {
return {
canLeave: false
}
},
onBackPress() {
if (this.canLeave) {
// 当可以离开时,不阻止页面后退
return false;
} else {
// 当不可离开时,弹出提示
uni.showModal({
title: '提示',
content: '是否确定退出当前页面?',
success: res => {
if (res.confirm) {
// 用户点击确定
this.canLeave = true; // 允许离开
uni.navigateBack(); // 执行页面后退操作
}
}
});
// 阻止默认的页面后退
return true;
}
},
}
复制代码
这个方法适用于安卓和ios点击返回键返回时调用的
IOS侧滑我是直接在pages.json中关闭侧滑的,刚好符合我的需求
{
"path": "pages/Equipment/smartWatches/heart-rate/index",
"style": {
"navigationBarTitleText": "心率测量",
"navigationBarBackgroundColor": "#1E212E",
//禁止滑动返回
"disableSwipeBack": true,
//禁止上下滑动
"disableScroll": true
}
},
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)
Powered by Discuz! X3.4