Promise使用

最新推荐文章于 2022-04-21 15:57:35 发布

原创最新推荐文章于 2022-04-21 15:57:35 发布 · 216 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

vue 专栏收录该内容

8 篇文章

订阅专栏

这段代码展示了如何使用Promise处理异步操作，首先更新时间对象，然后调用queryDataReq方法查询数据。当数据返回并成功时，执行exportBefore方法。queryDataReq方法中，根据查询结果调用restore方法，并更新视图。

new Promise((resolve, reject) => {
   this.$refs.echarts.$refs[childRef].time=Object.assign(
     this.$refs.echarts.$refs[childRef].time, {'statDate': this.statDate,'type':this.type})
   this.$refs.echarts.$refs[childRef].queryDataReq(resolve)
}).then((data) => {
   this.$refs.echarts.$refs[childRef].exportBefore()
})

queryDataReq (callback) {
    queryAllStat(this.queryUrl, this.time).then(res => {
        if (res.data.code == 0) {
          callback && callback()
          this.restore(res.data.data)
        } else {
          this.restore()
        }
        this.setLastUpdateTime()
        this.updateView()
      }).catch(() => {
        this.restore()
        this.updateView()
      })
}