首页 > 其他分享 >uniapp web-view h5中左滑会退出app解决办法,超简单

uniapp web-view h5中左滑会退出app解决办法,超简单

时间:2024-01-22 11:23:40浏览次数:38  
标签:function uniapp web app canBack webview view

只需要在app中有web-view组件的页面,onload中加入一下代码即可

支持vue2,vue3

const webview = plus.webview.currentWebview(); //获取窗口
  // eslint-disable-next-line no-undef
  plus.key.addEventListener('backbutton', function () {
    //监听返回事件
    console.log('进到了backbutton', 123123);
    webview.canBack(function (e) {
      console.log('webview.canBack', e);
      if (e.canBack) {
        webview.back(); //返回上一页
      } else {
        webview.back();
        // uni.switchTab({
        //   url: '/pages/home/home'
        // });
        // webview.close(); //关闭应用
      }
    });
  });

  

标签:function,uniapp,web,app,canBack,webview,view
From: https://www.cnblogs.com/jwzhang/p/17979657

相关文章

  • web前端dy - 2
    101、++运算符++运算符优先级最高,所以不会先算乘法、a++与 ++a:++a,++在前先自增再运算,a++,++在后先运算在自增102、JSlabel语法退出多层循环方法一:把循环封装成函数,用return来终止函数(循环)输出:方法二:抛出错误输出:方法三:直接让i大于10方法四:label语句这里的outer只是一个标签,......
  • [Mac软件]App Cleaner & Uninstaller 8.2.6应用程序清理和卸载
    AppCleaner&Uninstaller是一款Mac应用程序,它可以帮助用户完全删除应用程序及其相关的服务文件、扩展文件等。以下是该应用程序的主要功能:完全删除应用程序:通过将应用程序图标拖到垃圾桶中删除程序,可以彻底清除应用程序及其相关文件,释放磁盘空间。删除所有类型的服务文件:除了删除......
  • 【Tomcat】Web服务器Tomcat简介及配置
    Tomcat简介Tomcat配置及虚拟路径配置<build><plugins><plugin><groupId>org.apache.tomcat.maven</groupId><artifactId>tomcat7-maven-plugin</artifactId><version>2.1</version>......
  • 微信小程序开发uniapp
    1由于上面的uniapp要微信开发者路径 2.我们就按要求去下载一个微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html 3.这里我们正常下载就可以然后打开后会有一个二维码,我们微信扫一下二维码就登陆成功了然后说回上面的下载的路径填写......
  • uniapp+django登录页面实现
    前后端联动概述以一个简单的登录功能为例说明,uni-app的前后端交互项目地址:效果图前端页面开发项目地址:后端页面开发项目地址:其他参考资料1、Django项目和uni-app项目的创建及项目文件讲解https://blog.csdn.net/qq_55002406/article/details/1287887882、如何将前......
  • javascript中apply的用法
    javascript中apply的用法欧方2023-03-3118:30江苏在JavaScript中,apply方法和call方法类似,都是用于调用一个函数或方法,不同之处在于apply方法接受一个参数数组作为函数的参数列表。apply方法的语法如下:function.apply(thisArg,[argsArray])其中,t......
  • WebSocket|概念、原理、用法及实践
    WebSocket|概念、原理、用法及实践 转载自:https://juejin.cn/post/7086021621542027271一、WHY:为什么需要WebSocket?在WebSocket出现之前,如果我们想实现实时通信,比较常采用的方式是Ajax轮询,即在特定时间间隔(比如每秒)由浏览器发出请求,服务器返回最新的数据。这样子......
  • 万字长文,一篇吃透WebSocket:概念、原理、易错常识、动手实践
     万字长文,一篇吃透WebSocket:概念、原理、易错常识、动手实践转载自:https://cloud.tencent.com/developer/article/1887095原作者原文:http://www.52im.net/thread-3713-1-1.html 文章被收录于专栏:即时通讯技术即时通讯技术本文由作者“阿宝哥”......
  • 无涯教程-Node.js - Web模块
    Web服务器是一个软件应用程序,它处理HTTP客户端(例如Web浏览器)发送的HTTP请求,并返回网页以响应客户端,Web服务器通常提供html文档以及图像,样式表和脚本。Web应用架构Web应用程序通常分为四层-Client         -该层由Web浏览器,移动浏览器或可以向Web服务器......
  • 简单Dapp的开发
    简单Dapp的开发实验概述DApp(DecentralizedApplication)去中心化应用,自P2P网络出现以来就已经存在,是一种运行在计算机P2P网络而不是单个计算机上的应用程序。DApp以一种不受任何单个实体控制的方式存在于互联网中。在区块链技术产生之前,BitTorrent,PopcornTime,BitMessage等......