Javascript 使用axios响应在vuejs中设置数据对象
我正在进行API调用并返回(预期的)错误。我可以通过控制台记录错误消息,但似乎无法在响应中设置vuejs数据变量。我做错了什么Javascript 使用axios响应在vuejs中设置数据对象,javascript,vue.js,vuejs2,axios,Javascript,Vue.js,Vuejs2,Axios,我正在进行API调用并返回(预期的)错误。我可以通过控制台记录错误消息,但似乎无法在响应中设置vuejs数据变量。我做错了什么 data: { ... ... errors: null }, methods: { checkConnections: function (event) { axios.post('/check
data: {
...
...
errors: null
},
methods: {
checkConnections: function (event) {
axios.post('/checkconnections', {
//form data is passed here
...
...
})
.then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error.response.data.error);
this.errors = error.response.data.error;
});
}
}
console.log(error.response.data.error)
部分工作正常,但赋值this.errors=error.response.data.error代码>不可用。有什么想法吗?捕获处理程序中的值不是您期望的值。解决此问题的最简单方法是使用箭头函数,如.catch(error=>{this.errors=error.response.data.error;})
如果您的环境不允许使用ES6功能,您可以改为使用。catch处理程序中的此
值不是您期望的值。解决此问题的最简单方法是使用箭头函数,如.catch(error=>{this.errors=error.response.data.error;})
如果您的环境不允许使用ES6功能,您可以改用。-您也可以阅读本文以获得更多的清晰度。-为了更清晰,你也可以阅读这篇文章。