当前位置:首页 » 《关注互联网》 » 正文

在Vue项目中,等待所有请求(方法)完成以后执行操作_想搞全栈的前端

1 人参与  2021年09月10日 07:23  分类 : 《关注互联网》  评论

点击全文阅读


使用场景

比如一个弹窗需要请求表格跟树组件的数据需要发两个请求,这时我们需要等两个请求完成拿到数据后再去打开弹窗。

多个请求

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

// 或者这样
function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // 两个请求现在都执行完成
  }));

像我这里接口都封装了的话可以这样写

 axios.all([queryMaterialByCode({}).then((res) => {
     this.tableDataProp = res.data;
 }),queryMaterialCatalog().then((res) => {
     this.dataTreeProp = res.data;
 })]).then(()=>{
     this.batchShow = true;// 打开弹窗
 })

多个方法

function fun1(){
    return new Promise((resolve, reject) => {
        /* 你的逻辑代码 */
         resolve('随便什么数据1')
        console.log("1");
    });
},
function fun2(){
    return new Promise((resolve, reject) => {
        /* 你的逻辑代码 */
         resolve('随便什么数据2')
        console.log("2");
    });
},
function fun3(){
    return new Promise((resolve, reject) => {
        /* 你的逻辑代码 */
         resolve('随便什么数据3')
        console.log("3");
    });
},
/* 调用 */
function run(){
    Promise.all([
        this.fun1(),
        this.fun2(),
        this.fun3()
    ]).then(res => {
        /* 你的逻辑代码 */
        console.log("run");
    })
}

点击全文阅读


本文链接:http://zhangshiyu.com/post/27440.html

请求  数据  逻辑  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 完结篇小说陈青阳林以童小说(他回七零重启人生)已更新+无删减(陈青阳林以童)无广告
  • 病态暗恋副人格的鲜血献礼(沈川周蔓)_病态暗恋副人格的鲜血献礼
  • 蓝调分手(江云今裴宴青)_蓝调分手
  • (姜时许羡年)天堂无雪她遇春:结局+番外精品选集起点章节+阅读即将发布预订
  • 终章小说苏时梨顾屿舟如今却像是一把把刀,直戳我的心窝子小说(苏时梨顾屿舟)已更新+番外篇章(如今却像是一把把刀,直戳我的心窝子)无广告
  • 50万荔枝被吃后,骂我窝囊的妻子悔疯了新上热文_赵倩小恒阿姨大结局_小说后续在线阅读_无删减免费完结_
  • 女娲后人被送上审判台后天幕降临了免费赏析_灵儿祝跃白怜全文_小说后续在线阅读_无删减免费完结_
  • 前传_笔趣阁(洛妗依慕瑾怀)洛妗依慕瑾怀小说(他道歉,她就必须接受吗?)章节在线阅读
  • 如今却像是一把把刀,直戳我的心窝子小说(苏时梨顾屿舟)全文+后续(如今却像是一把把刀,直戳我的心窝子)畅享阅读
  • (芮宁周津嗣)离婚后,前夫他从六年前回来了芮宁周津嗣无删减小说在线无广告高口碑小说
  • 毕业旅行时,全班坐上驶向深山的大巴车在线阅读_齐修钟明娇晚晚快手热门_小说后续在线阅读_无删减免费完结_
  • 丈夫死后,婆婆怀上他和青梅的孩子新上_青梅陈纪文婆婆更新_小说后续在线阅读_无删减免费完结_

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1