uniapp 禁止手机单页面侧滑返回（IOS禁止侧滑）

公司需求在监测心率时没有竣事就不能退出页面，搜了很多IOS都没有效果，下边是我亲测IOS单页面使用有效
安卓方法：

1. export default {
3.         data() {
4.                         return {
5.                                 canLeave: false
6.                         }
7.                 },
8.         onBackPress() {
9.                       if (this.canLeave) {
10.                        // 当可以离开时，不阻止页面后退
11.                            return false;
12.                         } else {
13.                               // 当不可离开时，弹出提示
14.                               uni.showModal({
15.                               title: '提示',
16.                               content: '是否确定退出当前页面？',
17.                               success: res => {
18.                                 if (res.confirm) {
19.                                    // 用户点击确定
20.                                   this.canLeave = true;   // 允许离开
21.                                   uni.navigateBack();  // 执行页面后退操作
22.                               }
23.                           }
24.                       });
25.                     // 阻止默认的页面后退
26.                     return true;
27.                 }
28.         },
29. }

复制代码

这个方法适用于安卓和ios点击返回键返回时调用的
IOS侧滑我是直接在pages.json中关闭侧滑的，刚好符合我的需求

1. {
2.                         "path": "pages/Equipment/smartWatches/heart-rate/index",
3.                         "style": {
4.                                 "navigationBarTitleText": "心率测量",
5.                                 "navigationBarBackgroundColor": "#1E212E",
6.                                 //禁止滑动返回
7.                                 "disableSwipeBack": true,
8.                                 //禁止上下滑动
9.                                 "disableScroll": true
10.                         }
11.                 },

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。