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

Vue中切换tab路由,提示this.$confirm确定和取消执行不同的逻辑_第1张图片

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

    if (this.editFlag === true) {

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

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

        confirmButtonText: '确定',

        cancelButtonText: '取消',

        type: 'info'

      }).then(() => {

        next()

      }).catch(action => {

        // 取消按钮

      })

    } else {

      next()

    }

  }

你可能感兴趣的:(vue.js,前端,vue)