Vue中$emit调用父组件异步方法模拟.then实现方式

    delConfirm(params, callback) {
   	  // reqName是请求名
      reqName(params).then(res => {
        if (res.success) {
          this.$message.success('删除成功！')
          callback() // 回调子组件关闭弹窗
          this.getList() // 删除一条后刷新列表
        }
      })
    },

    confirm() {
      // params是携带的参数 传给父组件 callback后回调的内容是close()方法
      this.$emit('delConfirm', this.params, () => {
        this.close()
      })
    }

 async getTaskListDetails(callback = () => {}) {
      const { pageSize, currentPage } = this.pagination
      const [res, err] = await taskListDetails({
        limit: pageSize,
        start: pageSize * (currentPage - 1)
      })
      if (err) return this.$message.error(err?.msg || '请求失败')
      if (res.code !== 200) return this.$message.error(res?.msg || '请求失败')
      this.dataList = res?.data?.list || []
      this.mainTask = res.data.main_task
      this.pagination.total = res.data.count
      callback(this.dataList)
 }

  this.$emit('updateList', (res) => {
        this.checkTaskProgress(res)
  })