Javascript 使用axios响应在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

我正在进行API调用并返回(预期的)错误。我可以通过控制台记录错误消息,但似乎无法在响应中设置vuejs数据变量。我做错了什么

        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功能,您可以改用。

-您也可以阅读本文以获得更多的清晰度。-为了更清晰,你也可以阅读这篇文章。