当前位置:   article > 正文

Vue中切换tab路由,提示this.$confirm确定和取消执行不同的逻辑_vue confirm取消事件

vue confirm取消事件

beforeRouteLeave (to, from, next) { // 离开页面

    if (this.editFlag === true) {

      this.$confirm('页面尚未保存,确认离开吗?', '提示', {

        distinguishCancelAndClose: true, // 区分取消和关闭

        confirmButtonText: '确定',

        cancelButtonText: '取消',

        type: 'info'

      }).then(() => {

        next()

      }).catch(action => {

        // 取消按钮

      })

    } else {

      next()

    }

  }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/79351
推荐阅读
相关标签
  

闽ICP备14008679号