data(){
return{
text;[]
}
},
mounted:function(){
this.$axios.get('/abc/abc')
.then(function(res){
this.text = res.data;
});
}
执行后前端报错~
原因:
在请求执行成功后执行回调函数中的内容,回调函数处于其它函数的内部this不会与任何对象绑定,为undefined。
解决方案:
(一)将指向vue对象的this赋值给外部方法定义的属性,然后在内部方法中使用该属性
mounted:function(){
var _this = this;
this.$axios.get('/abc/abc')
.then(function(res){
this.text = res.data;
});
}
(二)使用箭头函数
mounted:function(){
var _this = this;
this.$axios.get('/abc/abc')
.then((res)=>{
this.text = res.data;
});
}