vue中，子组件的$emit如何按顺序执行父组件的异步方法

Question

目前情况是这样的，用的vant组件，打算二次封装list，思路是父组件通过异步取data，子组件每次下拉刷新，触发onload方法，onload里emit父组件的异步方法，得到最新的data。我想咨询的是，如何等父组件的方法执行完，拿到data数据后，再执行子组件emit方法之后的方法，子组件代码片段如下。

```javascript
        this.$emit('loadData')
        if (this.total === this.tableData.length) {
          this.finished = true
        }

```

Answer 1

那可以试试Promise

// 子组件
function A () {
  // 同步拿到父组件最新的dataList
  const dataList = await this.$emit('loadData')
  if (this.total === this.tableData.length) {
     this.finished = true
  }
}

// 父组件
function loadData () {
  return new Promise((resolve)=>{
    // 异步请求获取到dataList
    ....
    resolve(dataList)
  })
}