Vuex: Kann nicht Eigentum ‚$ store‘ undefinierter

Question

Ich habe die Einrichtung einen Speicher in vue.js lesen und die Zustandsparameter in dem berechneten Teil eines compoenent zugreifen:

computed: { 
    BASE_URL() { 
    return this.$store.state.BASE_URL; 
    } 

aber wenn ich versuche, Shop in den Verfahren der gleichen Komponente zuzugreifen:

methods: { 

    register: function() { 
      axios.post(this.BASE_URL + "/web/register", { 
      username: this.username, 
      password: this.password, 
      email: this.email 
     }).then(function(data){ 
      this.$store.commit('saveToken', data.token); 
      console.log('token is set to:', this.$store.state.token) 
     }); 
    } 
}, 

ich diesen Fehler an der Konsole:

Uncaught (in promise) TypeError: Cannot read property '$store' of undefined 

ich habe versuchte auch $store ohne this, aber erhalten Sie den gleichen Fehler.

Was ist hier falsch? Wie kann ich es reparieren?

Answer 1

Sie verwenden eine JavaScript-Funktion anstelle einer Pfeilfunktion. Versuchen Sie es und es sollte funktionieren.

methods: { 
    register() { 
      axios.post(this.BASE_URL + "/web/register", { 
      username: this.username, 
      password: this.password, 
      email: this.email 
     }).then((data) => { 
      this.$store.commit('saveToken', data.token); 
      console.log('token is set to:', this.$store.state.token) 
     }); 
    }