Cordova后退按钮-防止后退按钮未经确认返回上一页

时间:2018-08-20 10:06:37

标签: cordova quasar-framework back-button-control

我正在使用Quasar CLI版本0.15.20,该版本具有对话框$ q.dialog进行确认。如果用户未确认离开,我想控制android设备上的后退按钮不返回上一页。我用下面的这个功能,但不起作用。在弹出对话框要求退出页面之前,它会一直返回。知道如何预防吗?

backButton (e){
    e.preventDefault()
    if (this.$route.name === 'session-show') {
       this.$q.dialog({
           title: 'Warning',
           message: 'Are you sure you want to leave without save?',
           ok: 'Yes',
            cancel: 'Cancel'
        }).then(() => {
            this.$router.go(-1)
            this.$q.notify('Data is removed!')
        }).catch(() => {
            console.log('stay in current page')
        })
    }
  }

我用它来称呼事件

    document.addEventListener('backbutton', this.backButton, false)

0 个答案:

没有答案