在Vue应用中，使用axios进行后台数据请求时，遇到关于`this`指向的问题。当在`.then`和`.catch`回调中直接使用`this`时，可能会导致无法正确访问到data中的属性，出现undefined错误。解决方案是在外部保存`this`的引用或者利用箭头函数保持上下文。正确做法是在适当的地方定义`that = this`，然后在回调中使用`that`来访问data属性。
getRequest(){
var headers = {
"Content-Type": "application/x-www-form-urlencoded;",
token: this.userToken,
};
let that = this
axios.post(this.url+"home/managerSta",{type :this.typeSta},headers).then(function(res){
// let _this = this;
// console.log(res.data.data.checkTotal)
// console.log(this.checkTotal)
that.checkTotal = res.data.data.checkTotal;
that.addTotal = res.data.data.addTotal;
that.finishTotal=res.data.data.finishTotal;
});
},
//需要在外面定义this获取data里面的属性
.then((res) => {
_this.checkTotal = res.data.data.checkTotal;
_this.addTotal
最低0.47元/天 解锁文章
1011
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
