async await实际用法

async handleSubmit() {
      await this.handleSubmitReport()  // 1
      await this.handleSubmitEdit()    // 2
      this.showSuccess = true          // 3
      this.showSuccessText = '你已成功提交检查结果!'
    },

// 执行接口1
async handleSubmitReport() {

  const { data } = await postAction(this.api.report, this.params.hiddenList)
  if (data.success) {
    return data.result
  } else {
    this.$message.error(data.message)
    this.$tip.loaded()
    return null
  }
},

// 执行接口2
async handleSubmitEdit() {
  const { data } = await postAction(this.api.edit, this.dataInfo)
  if (data.success) {
    return data.result
  } else {
    this.$message.error(data.message)
    this.$tip.loaded()
    return null
  }
},
150 声望
4 粉丝
0 条评论
推荐阅读
前端,将json数据转化为excel表格文件
1.安装 {代码...} 12.使用 {代码...}

早饭君阅读 211

在 JavaScript 中如何克隆对象?
微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。

前端小智3阅读 1.2k

export default function 和 export function 的区别
{代码...} 第一组是使用 export default 时,对应的 import 语句不需要使用大括号。第二组是不使用 export default 时,对应的 import 语句需要使用大括号。export default命令用于指定模块的默认输出。显然,一...

jigsaw2阅读 6.7k

Promise: 异步编程的理解和使用
JavaScript 中,Promise 的流行是得益于 jQuery 的方法 jQuery.Deferred(),其他也有一些更精简独立的 Promise 库,例如:Q、When、Bluebird。

后除2阅读 770

TypeScript系列:【3】类
基础说明先来看个例子: {代码...} 这样,我们就定义了一个类,包含一个属性用于保存名称,一个构造器用于创建的时候设置名称,方法say用于获取名称描述: {代码...} 打印的结果就是:“你好,我是小强”。公共,私...

zxl200707011阅读 670

计时器统一管理
计时器统一管理,es6 class写法 {代码...} 调用 {代码...} git链接[链接]

肥皂泡阅读 2k

如何使用Promise.race() 和 Promise.any() ?
微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。

前端小智2阅读 423

150 声望
4 粉丝
宣传栏