美文网首页前端开发那些事儿
在Vue项目中,等待所有请求完毕以后执行操作

在Vue项目中,等待所有请求完毕以后执行操作

作者: _duck不必 | 来源:发表于2020-07-14 16:13 被阅读0次

在项目开发中遇到一个问题,页面中执行的操作需要通过两个接口返回的数据进行操作,但是两个接口因为数据量大小,返回的时间不一定,经常会出现一个完毕,但是另一个还在执行。
因为是放在两个方法里,所以也没法做到通信,然后通过查axios文档发现了解决办法
可以这么写

axios.all([axios.post("/test1"),axios.post("/test2")]).then((test1,test2)=>{
    console.log('两个接口都执行完毕啦')
})

这么写就完美的额解决了,但是我想把两个接口放在两个方法里,因为我想在别的地方单独调这两个接口,因为axios是封装好的,没法修改,所以需要修改已经写好的方法就可以了

/*
  在methods中这么写
*/
get_table(){
    return new Proimse((resolve,reject)=>{
        this.$axios.post("/test1").then((res)=>{
            resolve()
        })
    })
}
get_select(){
    return new Proimse((resolve,reject)=>{
        this.$axios.post("/test2").then((res)=>{
            resolve()
        })
    })
}

/*
    然后在created中这么写即可
*/

Promise.all([this.get_table(), this.get_select()]).then(()=>{
    console.log('我是created中的事件,现在两个接口都执行完毕啦')
})

相关文章

  • 在Vue项目中,等待所有请求完毕以后执行操作

    在项目开发中遇到一个问题,页面中执行的操作需要通过两个接口返回的数据进行操作,但是两个接口因为数据量大小,返回的时...

  • 2022-03-09

    加密 解密流程操作语言如何处理请求中某个请求 返回 加密解密操作 vue 执行js 操作 和 vue 操作 哪...

  • Swift-GCD

    延迟执行 异步进行耗时操作,主线程进行用户交互以及刷新UI的操作 处理多数据请求,所有请求完毕进行UI更新(数据进...

  • Dive into a/synchronous/ event l

    Concept first:所有UI操作都只能由一个线程执行 同步请求发送同步请求,我们的主线程就会卡在等待结果的...

  • 2020-06-28---线程通讯

    1.等待唤醒机制 2.一个线程等待所有其他线程执行完毕之后再执行 3.一组线程准备完毕之后同时启动

  • vue入门:axios的应用及拦截封装

    一、概述 在vue2.0项目中,我们主要使用axios进行http请求。 axios 是一个基于 promise ...

  • 守护线程

    线程分为用户线程及守护线程。虚拟机必须确保用户线程执行完毕。虚拟机不用等待守护线程执行完毕。如后台记录操作日志、监...

  • 通过vue-cli 进行项目创建(2019-04-27)

    一.项目创建 1.目录下执行命令:vue create hello-world ,加载完毕 后,cd 打开对应 项...

  • 面试官:说说CountDownLatch,CyclicBarri

    CountDownLatch CountDownLatch适用于在多线程的场景需要等待所有子线程全部执行完毕之后再...

  • ajax中的asnyc:false/true

    async:false:同步,所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待...

网友评论

    本文标题:在Vue项目中,等待所有请求完毕以后执行操作

    本文链接:https://www.haomeiwen.com/subject/mwkfhktx.html