目录

 

 

基本概念

关键代码

---

 

基本概念

这里安装好axios后，还要安装qs

npm install --save qs

在vue cli中在created里面调用方法，他会在页面加载完成后自动调用！

批量发送代码

套到all里面的，就可以批量发送，然后v1，v2，v3就是最后的结果，

通过qs的stringify可以添加post的表单数据。

这里要注意一个问题。当一个数字比较长的时候，最好是使用字符串，不然会出现精度丢失。

程序运行截图如下：

 

关键代码

关键代码如下：

<template>
<div>
  .......
</div>
</template>

<script>
  .......
  import axios from 'axios'
  import qs from 'Qs'
  export default {
    data(){
      return{
        .......
      }
    },
    components: {
      .......
    },
    created() {

      this.getData();
    },
    methods:{

      getData(){

        axios.all([

          axios.get('.......'),
          axios.get('.......'),

          axios.post('.......', qs.stringify({
            "xxx": "xxxxx",
            "xxx": "xxxxx"
          }))
        ]).then(axios.spread(function (v1, v2, v3){

          console.log(v1.data);
          console.log(v2.data);
          console.log(v3.data);
        }));
      }
    }
  }
</script>