vue中异步数据获取（确保数据被获取）

最新推荐文章于 2024-04-07 22:12:00 发布

i_am_a_div_日积月累_

最新推荐文章于 2024-04-07 22:12:00 发布

阅读量691

点赞数

分类专栏： vue promise 异步 await

本文链接：https://blog.csdn.net/i_am_a_div/article/details/126868541

版权

vue.js javascript 前端

vue 同时被 2 个专栏收录

109 篇文章 5 订阅

订阅专栏

promise 异步 await

4 篇文章 0 订阅

订阅专栏

将一个方法的返回值，返回promise函数，可以在该方法结束后，使用链式结构


    A () {

      //返回一个promise对象
      return new Promise((resolve, reject) => {
        MyGet(G_CGI_PHP.superOrder.channellist, {
          shorthandNotes: '',
        }).then((res) => {
          if (res.success) {
            console.log(2)
            resolve(res) //将结果返回出来
          } else {
            this.$message({
              message: res.return_message,
              type: "error",
            })
            reject()
          }
        })
      })

    },
    B () {

      console.log(1)
      //当得到接口请求后 在执行另外的操作
      this.A().then((res) => {
        // 拿到返回的结果
        console.log(3, res)
        this.flag = true
      })

    }