This is undefined - VueJS i Axios

Question

Dobry wieczór,

Natknąłem się na pewien problem którego nie mogę rozwiązać.

Posiadam następujący kod:

<script>
var axios = require("axios");
export default {
  data() {
    return {
      newsletterEmail: '',
      message: '',
      uri: 'http://127.0.0.1:8000/api/homepage/general/'
    }
  },

  methods: {
    sendNewsletter() {

      axios.post(this.uri, {
          email: this.newsletterEmail,
        })
        .then(function(response) {

          if (response.data.newsletterCheck == 1) {
            this.message = "Zapisano"
          }
          else {
            this.message = "Email już istnieje w bazie danych"
          }
        })
    },
  },

}
</script>

Problem jest taki, że po wysłaniu adressu email, nie pojawia się żaden z komunikatów. Problem leży w tym, że message nie jest zdefiniowane. Mam bardzo podobny kod w inny pliku (Pobiera dane i przekazuje dane do zmienne this.nazwa = response.data) i tutaj nie ma żadnego problemu.

Answer 1

Spróbuj przekazać do then w 18 linii funkcję strzałkową zamiast zwykłej.

Mam bardzo podobny kod w inny pliku (Pobiera dane i przekazuje dane do zmienne this.nazwa = response.data) i tutaj nie ma żadnego problemu.

Możesz go pokazać? 

Comments

Dzięki za odpowiedź oraz nakierowanie. Okazało się, że to nie ten sam kod.. W tym działającym miałem strzałkę

.then(response=>{}