使用axios响应在vuejs中设置数据对象[重复]答案

【问题标题】：Set data object in vuejs using axios response [duplicate]使用axios响应在vuejs中设置数据对象[重复]
【发布时间】：2018-06-11 13:37:37
【问题描述】：

我正在进行 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; 不是。有什么想法吗？

【问题讨论】：

stackoverflow.com/questions/20279484/… - 你也可以阅读这篇文章以获得更多的清晰度。

标签： javascript vue.js vuejs2 axios

【解决方案1】：

您的 catch 处理程序中的 this 值不是您所期望的。解决该问题的最简单方法是使用箭头函数，例如 .catch(error => { this.errors = error.response.data.error; })。

如果您的环境不允许 ES6 功能，您可以改用Function.bind(this)。

【讨论】：