axiosのthenやcatchの中でthis.付きの変数が使えずundifinedになる場合

app.js:7075 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'hoge')

みたいなエラーが出る場合

アロー関数使え。

アローじゃない関数使ってたらthis.で定義した内容は使えない

よい例

axios.post('/api/register', this.postData)
  .then(response => {
      console.log(response.data)
      this.centerSnackbar.text = this.postData.email + "を新規登録しました。"
      this.centerSnackbar.snackbar = true //スナックバーを表示

  })
  .catch(error => {
      if (error.response.data.errors.email[0] == 'The email has already been taken.') {
          this.centerSnackbar.text = "このメールアドレスはすでに登録されています。"
          this.centerSnackbar.snackbar = true //スナックバーを表示
      } else {
          console.log('その他のエラー')
      }
  })

悪い例

.catch(function (error) {
  if (error.response.data.errors.email[0] == 'The email has already been taken.') {
      this.centerSnackbar.text = "このメールアドレスはすでに登録されています。"
      this.centerSnackbar.snackbar = true //スナックバーを表示
      console.log('このメールアドレスはすでに登録されています。')
  } else {
      console.log('その他のエラー')
  }
})