用aysnc / await 写删除提示框

最新推荐文章于 2023-04-24 00:48:36 发布

原创最新推荐文章于 2023-04-24 00:48:36 发布 · 217 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

文章展示了如何将Element-UI组件库中的Promise链式调用（.then.catch）转换为async/await语法，用于处理用户确认删除操作和HTTP删除请求。在转换后，代码的可读性和异步控制更清晰。

element-ui中用的是 .then .catch 的形式，这个我改成了aysnc/await 形式

具体代码如下

 async delParams () {
      const confirmRes = await this.$confirm('此操作将永久删除该参数, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).catch(err => err)
      if (confirmRes !== 'confirm') {
        return this.$message.info('已取消删除')
      }

      const { data: res } = await this.$http.delete(`xxxxx`)
      if (res.meta.status !== 200) {
        return this.$message.error('删除失败')
      }
      this.$message.success('删除成功')
      this.getDataList()
    }