首先我们看data()定义的变量然后我们在axios请求的then中取值这时候就会出现downdata未定义的错误,这是因为在then中this就是指向当前的对象,而无法引用data()中的变量,因此使用箭头函数就可以解决...
最近做项目,需要用到
vue
,后台是php,第一次使用
axios
进行
请求
,本以为同ajax一样,会很简单,但是结果往往不让人满意啊,get
请求
很简单,这里就不说了,主要说下
post
请求
方式。
使用
axios
进行
post
请求
,后台居然接收不到
数据
,这就纳闷了,于是网上一顿搜索,现在将所用的解决办法给大家说下:
1.new URLSearchParams方式
起初使用params.append(“属性名”:属性值)的方式,对于简单的
数据
传递这样是没有
问题
的,后台可以正常接收
数据
,但我发现一个
问题
,不知道大家有没有遇到过,当传递
数据
里含有数组时,你会发现传到后台的是字符串的形式 arr:a1,b1,
造成
axios
取不到值得原因主要是this回调
问题
。当你执行完函数function时,this指向放生变化。导致this指向函数体本身。这时this.
data
里的
数据
取不到。简单直接的解决就是把function写成箭头函数形式,箭头函数不是构造函数,不会指定this,而是抓取上下文this作为自己的this。从而解决本
问题
。下面上代码:
错误示例:
import
axios
from ‘
axios
...
本文介绍了
vue
中
axios
处理http发送
请求
的示例(
Post
和get),分享给大家,具体如下:
axios
中
文文档
https://github.com/mzabriskie/
axios
#using-applicationx-www-form-urlencoded-format
axios
文档
在处理http
请求
方面,已经不推荐使用
vue
-resource了,而是使用最新的
axios
,下面做一个简单的介绍。
使用node
npm install
axios
使用cdn
<script src=https://unpkg.com/
axios
/dist/
axios
.min
//由于this在回调函数
中
指向不同并非是
vue
实例所以先
赋值
给_this
var _this=this
this.
axios
.
post
('https://www.easy-mock.com/mock/5c2dc796c8bc2e49abfeaa30/nurse/nurse_infor')