基本概念

这里安装好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>

前端笔记-vue cli中axios批量发送get和post请求及注意事项相关推荐

前端笔记-Vue cli中使用axios后JavaScript变量传输给vue变量要注意的地方
目录 axios.all中的注意事项为什么要采用全局的JavaScript变量给vue变量 axios.all中的注意事项如下的请求: methods:{getData(){axios.all([ ...
前端笔记-vue cli中使用router-link进行路由跳转
目录以前的方法新方法以前的方法以前是通过router的push进行跳转,代码如下: <template><div class="XXXXXXXXXXXXXXXXX& ...
前端笔记-vue cli中使用echarts画江苏省地图
目录基本概念代码与实例基本概念这里使用echarts,框架用vue cli,下面这个链接是vue cli导入echarts https://blog.csdn.net/qq78442761/a ...
前端笔记-vue cli中v-bind动态数据实时更新
目录基本概念代码基本概念如下的例子,刚开始运行: 点击按钮: 数据库修改下数据: 再点击按钮刷新下: 下面给出请求的json数据: 刷新有2个方式第一种是强制刷新,这样是有问题的,数据和图表 ...
Web前端笔记-vue cli中使用echarts加载geo地图
效果是这样的: 此处是使用echarts加载geo地图. 这里简单说下逻辑: 首先npm下个包: npm install echarts 然后用个vue组件封装下. 如下代码: <templat ...
前端笔记-vue cli使用echarts
目录过程代码与实例过程首先下载echarts cnpm install echarts -S //或者是 cnpm install echarts --save 下载好后: 在main.js中 ...
前端笔记-vue cli为web添加底纹
目录基本概念代码与实例基本概念这里主要是使用了css预处理首先下载包 npm install stylus stylus-loader 随后创建文件,然后写代码这里还要导入代码: 这里还要 ...
前端笔记-vue cli引入sementic-ui（sementic-ui-vue）
运行截图如下: 原文链接如下: https://semantic-ui-vue.github.io/#/ 下面给出截图,部分网络不能访问
Leaflet笔记-把leaflet-tilelayer-wmts移植到vue cli中（含思路）
目录前言过程前言关于leaflet的webpackage使用npm安装官方是有明显的解析但是关于插件特别是TileLayer.WMTS是不提供的,但提供了源码,可以稍微修改下,就能在vue ...

前端笔记-vue cli中axios批量发送get和post请求及注意事项

基本概念

关键代码

前端笔记-vue cli中axios批量发送get和post请求及注意事项相关推荐

最新文章

热门文章