Vue h5项目发现按手机的返回键应用直接退出了

el/2024/6/24 18:27:40
//最近vue做个项目,发现按手机的返回键应用直接退出了,而不是返回上一页,为此特
//意解决了这一问题,具体代码如下:document.addEventListener('plusready', function() {var webview = plus.webview.currentWebview();plus.key.addEventListener('backbutton', function() {webview.canBack(function(e) {if(e.canBack) {webview.back();} else {//webview.close(); //hide,quit//plus.runtime.quit();//首页返回键处理//处理逻辑:1秒内,连续两次按返回键,则退出应用;var first = null;plus.key.addEventListener('backbutton', function() {//首次按键,提示‘再按一次退出应用’if (!first) {first = new Date().getTime();Toast({message:'再按一次退出应用'});setTimeout(function() {first = null;}, 1000);} else {if (new Date().getTime() - first < 1500) {plus.runtime.quit();}}}, false);}})});});将上述代码写在公共js中,在main.js中引用,即可解决以上问题。
也可以放在App.vue中的mounted钩子中使用

 


http://www.ngui.cc/el/3419150.html

相关文章

js生成二维码及解决二维码在微信中不能识别

在Vue项目中需要下载&#xff1a;qrcodejs2 使用命令&#xff1a; npm install qrcodejs2 yarn add qrcodejs2 js中引用&#xff1a; <script type"text/javascript" src"http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>htm…

Vue设置权限列表目录

首先&#xff1a;后端所传内容是&#xff1a;accessList:1,2,3,4,5,6,7,8 //每一个值代表一个功能 前端接收&#xff1a;目录固定也是一个值代表一个功能&#xff0c;可根据后端返回的值与前端固定目录中的值作比较&#xff0c;如果后端有这个值有&#xff0c;则前端接收这个值…

h5实现微信支付功能(Vue)

目录 第一步网页授权微信登录&#xff1a; 在页面加载的时候判断获取code执行登录&#xff1a; 微信支付拉取支付方法上方代码块调用此方法&#xff1a; 开发中的问题&#xff1a; 注意&#xff1a; 第一步网页授权微信登录&#xff1a; 拉起微信支付的前提首先要微信登录&…

工作中ES6代码片段,总结

//1.如何隐藏所有指定元素 const hide(...el)>[...el].forEach(e>(e.style.displa"none")) //使用方式 hide(document.querySelectorAll(.xiuer));//2.如何确认元素是否具有指定的类 const hasClass(el,className)>el.clssList.contains(className); //使用…

Vue监听浏览器缩放,控制导航栏显示

//必须放在mounted中&#xff0c;因为放在created中未获取dom节点mounted(){//等待dom渲染完毕再加载this.$nextTick(()>{ var p navigator.platform;let mac p.indexOf("Mac") 0;let x11 (p "X11") || (p.indexOf("Linux&quo…

JS 中 appendChild只允许追加不同的内容

let zhi<div>秀儿</div>;document.body.appendChild(zhi); document.body.appendChild(zhi);//最终body中的内容是 <div>秀儿</div>//此方式可扩展 //如&#xff1a;作样式弹窗&#xff0c;重复点击按钮&#xff0c;弹窗只能追加一次&#xff0c;不会追…

Computed property “initPage“ was assigned to but it has no setter. 修改Vue组件中vuex的状态

在vuex中定义状态&#xff0c;实现在Vue组件中修改状态 computed:{subjectYearXk:{get(){return this.$store.state.subjectYearXk;},set(v){this.$store.state.subjectYearXkv;}}, }

微信小程序的认识及WXML语法备注

1.什么是微信小程序 微信是手机的app软件聊天看视频看直播新闻购物游戏。。。生态圈 小程序是寄托在微信app内 2.项目结构 (1)sitemap.json:是用来配置小程序及其页面是否允许被微信索引的 (2)project.config.json:全局配置项目的功能信息如appid,项目名称等…

微信小程序WXS之模板的语法解释

1.模块 (1)module的使用 使用公共wxs文件 //first.wxs var foo"good"; var bar function (d){ return d; } module.exports{ foo:foo, bar:bar } 引用wxs文件 <wxs src"first.wxs" module"tools"/> <view>{{tools.bar(tools.foo)}}…

Vue使用EventBus全局组件传值

创建一个event-bus.js import Vue from vue export const EventBus new Vue(); //在asss.vue触发监听 import {EventBus} from ./event-bus tapSend(){ EventBus.$emit(share) } 在bsss.vue引入eventBus 在mounted里监听 import {EventBus } from ./event-bus mounted(){ E…