uniapp 禁用左滑返回功能

最新推荐文章于 2024-08-12 21:53:17 发布

邯郸达文西

最新推荐文章于 2024-08-12 21:53:17 发布

阅读量1.8k

点赞数

文章标签： uni-app javascript vue.js

本文链接：https://blog.csdn.net/weixin_45881304/article/details/129424759

版权

这篇文章提供了在Android和iOS平台上，使用Vue和NVue开发时如何阻止用户通过侧滑进行页面返回的方法。代码示例展示了在mounted阶段设置popGesture为none，以及通过监听backPress事件来控制页面返回的行为。

摘要由CSDN通过智能技术生成

Android & ios

vue
// 单页禁止测滑返回
mounted(){
  // #ifdef APP-PLUS
let currentWebview = this.$mp.page.$getAppWebview(); //获取当前页面的webview对象
   currentWebview.setStyle({ popGesture: 'none' });
// #endif
}


nvue
mounted(){
// #ifdef APP-PLUS 
let pages = getCurrentPages();
let page = pages[pages.length - 1];
let currentWebview = page.$getAppWebview()
currentWebview.setStyle({ popGesture: 'none' })
// #endif
}


// 官方函数  https://ask.dcloud.net.cn/article/35120
onBackPress(event) {
    if (event.from === 'backbutton') {
          this.overlayShow = true;
            return true;
        }
        return false;
  }



//page.json 配置
"app-plus": {
    "popGesture": "none"
}