weixin_50802888 2022-01-25 15:14 采纳率: 63.3%
浏览 275
已结题

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

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


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

```

  • 写回答

3条回答 默认 最新

  • OurQueen 2022-01-26 10:08
    关注

    那可以试试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)
      })
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月4日
  • 已采纳回答 2月24日
  • 创建了问题 1月25日