从catch块访问vuex存储

Question

我在vue文件中的“方法”中有这个

 axios
    .post("/api/model", this.model)
    .then(response => {
      window.location.href = "/Home/Index";
    })
    .catch(function(error) {
      if (error.response) {
        this.$store.commit("setServerErrors", error.response.data);
      }
    });

我得到以下错误：未捕获（在promise中）TypeError：无法读取未定义的属性'$store'

Answer 1

您的函数可能正在重新分配这个的值。

尝试将其更改为：

axios
    .post("/api/model", this.model)
    .then(response => {
      window.location.href = "/Home/Index";
    })
    .catch(error => {  // <= HERE IS THE CHANGE!!
      if (error.response) {
        this.$store.commit("setServerErrors", error.response.data);
      }
    });

在以下位置阅读function(arg){}和(arg)=>{}之间的区别:https://developer.mozilla.org/en-us/docs/web/javascript/reference/functions/arrow_functions