美文网首页
vue+cordova 物理返回键

vue+cordova 物理返回键

作者: 晴空万里_d3c2 | 来源:发表于2019-02-14 20:12 被阅读0次

vue插件  vue-awesome-mui 

没试过

cordova plugin add cordova-plugin-backbutton 

cordova插件cordova-plugin-backbutton 

关于此插件中对于vue这种单页面开发  gohome和goback是没有区别的

所以  在需要双击退出的页面添加<div id='exit'></>

判断有无此id元素,有 则判断连续点击的时间,无则直接用router.back(-1)返回

有点莫名其妙和好笑的是,因为我的一个页面是用window.open打开的,所以router.back并不适用,至少在网页测试上是这样的,,但是打包在app上router.back竟然直接返回了

还有在mian.js中直接用this是无法获取到vue的实例的,所以

完整代码如下:

在 vue的main.js中  添加修改如下代码

document.addEventListener('deviceready', function() {

let testVueInstance=new Vue({

el:'#app',

    router,

    store,

    template:'<App/>',

    components: { App }

})

var time;

  document.addEventListener("backbutton", function(){

var that =this;

    var pp=new Date() -time

var x=document.getElementById('exit')

if(x){

if(pp<3000){

navigator.Backbutton.goHome()

}else{

time=new Date()

}

}else{

// navigator.Backbutton.goBack()

      testVueInstance.$router.back(-1)

}

}, false);

}, false);

相关文章

  • vue+cordova 物理返回键

    vue插件vue-awesome-mui 没试过 cordova plugin add cordova-plugi...

  • React-Native-BackAndroid

    BackAndroid 物理返回键的使用 在android上,点击物理返回键时,通常会进行返回上个页面的操作,如果...

  • cordova 物理返回键

    通常Android手机会提供几个物理按键,包括home键、菜单键、返回键、音量键 cordova - 实现点击返回...

  • cordova 物理返回键

    学习 cordova 物理返回键的使用 原始核心代码如下: registerBackButtonAction方法(...

  • vue实现app移动端Android监听物理返回键

    只需3步即可监听物理返回键: 1.mounted中注册监听方法: //监听返回键 if (window.histo...

  • Vue-router如何实现拦截物理返回键的回退功能

    前言 拦截物理返回键的需求其实还是蛮多的,比如,点击返回键关闭弹层,点击返回键避免没有保存就退出,等等。 如何拦截...

  • 2019-02-16

    DialogFragment使用日常记录 1 设置点击背景不消失代码 2 屏蔽物理返回键代码(点击物理返回,Dia...

  • 网站设置物理返回键

    做网站经常不希望用户用物理返回键, 因为物理返回回去不会刷新,可能会造成某种BUG,记录一个设置物理返回去其他页面...

  • Activity监听物理返回键

    Acitivity本身提供了这样的方法,我们只需要重写该方法即可: 方法一:监听键盘的按键事件,这个可以监听任何按...

  • vue 监听物理返回键

    mounted() { //监听返回键 if (window.history && window.history....

网友评论

      本文标题:vue+cordova 物理返回键

      本文链接:https://www.haomeiwen.com/subject/wwzasqtx.html