Vue ElementUI this.$confirm async await封装

原方法

/** 方法调用 */
handleDelete() {
  this.$confirm(
      '此操作将永久删除该数据, 是否继续?',
      '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
      }
  ).then(
  	this.$message.info('已删除') // 并执行删除相关操作
  )
  .catch(err => console.log(err))
}

使用ES6的async/await优化后

/** 方法调用 */
async handleDelete() {
  const confirmRes = await this.$confirm(
      '此操作将永久删除该数据, 是否继续?',
      '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
      }
  ).catch(err => console.log(err))
  // 判断confirmRes的值
  if (confirmRes !== 'confirm') {
      return this.$message.info('已经取消删除')
  }
  this.subDelete(id)
}