Axios - 无法更改变量数据值

Question

我尝试使用 axios 更改变量数据，我使用的是 vue-axios 和 vue cli 3。

这是代码：

const qs = require('qs')
export default {
  name: 'Home',
  data: function () {
    return {
      email: null,
      errEmail: false,
      baseUrl: 'https://www.example.com/isemail.php'
    }
  },
  methods: {
    next: function () {
    },
    err: function () {
      this.axios.post(this.baseUrl + 'functions/isEmail.php', qs.stringify({
        value: this.email
      }))
        .then(function (resp) {
          this.errEmail = true
        })
    }
  }
}

<div v-if="errEmail">Target Success</div>

实际上我正在尝试更改 errEmail 变量取决于服务器回调，如下所示：

this.errEmail = resp.data.isemail

但使用常量似乎也不起作用。

Answer 1

改变这个

.then(function (resp) {
  this.errEmail = true
})

到这里

.then((resp) => {
  this.errEmail = true
})

或者手动绑定this

   .then(function (resp) {
      this.errEmail = true
    }.bind(this))