首先，在main.js中引入在这里插入图片描述

在这个时候，你还是无法在组件中使用axios的，但如果将vue改为vue的原型链，就可以解决这个问题，如下图

在这里插入图片描述

开始发送请求

在这里插入图片描述

在这里插入图片描述

带参数的请求

如果想要发送带json格式参数的请求，则需要使用qs模块来处理参数
首先在main.js中导入qs模块

在这里插入图片描述

然后使用qs处理参数

简单来说：qs是查询字符串解析和将对象序列化的库；而vue在请求的时候，当我们的data中有数组的时候，是需要序列化才能与后台进行通讯的。

qs的应用：

  • npm 下载qs库：npm i qs
  • 在vue项目页面或者封装的axios中引用： import Qs from ‘qs’；
  • qs主要有两种使用方法：qu.stringify()和qs.parse();
  • qu.stringify():将对象序列化成url的形式；以&进行拼接
  • qs.parse():将url解析成对象形式；

在这里插入图片描述

最终返回结果如下

在这里插入图片描述

回调函数的简写

在这里插入图片描述

如果在vue中使用，那么vue中data中的数据无法通过this直接引用，需要做如下处理

在这里插入图片描述

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue