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('その他のエラー')
}
})