首页 > 其他分享 >在vue中循环调用接口-promise.all()

在vue中循环调用接口-promise.all()

时间:2022-08-22 11:37:34浏览次数:52  
标签:arr vue const res allApi 接口 item promise

methods: {
  handleAdd (arr) {
     this.loading = true
     const allApi = []
     arr.forEach((item, index) => {
       const data = {
         id: item.id,
         name: item.name
       }
       const oneApi = api.add(data).then(res => {
         if (res.error_code === 0) {
           this.$message.success(res.msg)
         } else {
           this.$message.error(res.msg)
         }
       })
       allApi.push(oneApi)
     })
     Promise.all(allApi).then(() => {
       this.loading = false
     })
   }
}

原文链接:https://blog.csdn.net/m0_46251434/article/details/114324020  

标签:arr,vue,const,res,allApi,接口,item,promise
From: https://www.cnblogs.com/lylweb/p/16612233.html

相关文章

  • 日常开发记录-elementUI表格特殊值标红,利用插槽,vue动态绑定类名
    代码:<template><el-table:data="tableData"style="width:100%"><el-table-columnprop="date"label="日期"width="150"></......
  • Vue面试题06:Vue子组件是否可以修改父组件的数据?
    Vue子组件是否可以修改父组件的数据?可以修改但不推荐:首先,文档中指出组件开发需要遵循单向数据流原则:即所有的props都遵循着单向绑定的原则,props因父组件的更新而变化......
  • vue 打包配置相对路径
    前言:临下班了产品找到我,要满足甲方爸爸需求「vue打包的静态资源需要相对路,绝对路径会报错」。时间紧,催的急(半小时问一次),导致我顾此失彼,配置好了这个没配好那个,所以借此反省......
  • vue3动态组件切换
    <template><divclass="goods-tabs"><nav><a@click='toggle("GoodsDetail")':class="{active:componentName==='GoodsDetail'}"href="javascript:;">商品详情</a>......
  • vuex的引入
    官方文档可以解决一切问题。1、安装vuexnpminstallvuex@next--save如果版本和你的vue版本不符合,可以根据提示,在@后加上适合的版本号再安装。安装成功之后会在packjs......
  • vue中子组件修改父组件中传递的参数的值
    方法一:1<!--父组件代码-->2<template>3<div>4<p>我是父组件</p>5<button@click="handleShowChild"v-show="!isVisibleChild">显示子组件</but......
  • 054_末晨曦Vue技术_处理边界情况之组件之间的循环引用
    组件之间的循环引用点击打开视频讲解更详细假设你需要构建一个文件目录树,像访达或资源管理器那样的。你可能有一个<tree-folder>组件,模板是这样的:<p><span>{{fold......
  • 技术分享 | 接口测试中,请求超时该怎么办?
    原文链接A发送请求,然后等待B的响应,同时开始超时计时,如果在超时时间内成功接收到响应,则结束等待和计时。如果到了超时时间还没有接收到响应,则结束等待同时此次通讯失败,......
  • 小红书数据 小红书爬虫 小红书接口 xhs
    小红书数据小红书接口小红书api(小红书爬虫xhsxiaohongshu红书)最新小红书APP接口稳定运行,主流接口都已部署,支持并发请求!只抓取公开数据供作学习用途,不做引流上赞上......
  • vue3项目-小兔鲜儿笔记-01-项目初始化
    1.pinia基础store/modules/user.tsimport{defineStore}from'pinia'//用户模块constuseUserStore=defineStore('user',{state:()=>{return{......