CODEWITHSUNDEEP
axiosvuexstore
Otorrinolaringologista -man
Otorrinolaringologista -man

Reputation: 1137

this$store function is undefined

I am trying to use vuex's store to make some API calls but after installing vuex, importing store to my files and following other stack overflow answers, like making sure vuex is installed, if i am exporting my store file with " Vuex.Store" and etc but my loadCalls function is still not working.

This is the error i get:

this.$store.loadCalls is not a function

Here is my function and how i am trying to call it, it is declared in my ACTIONS section of my store.js file.

loadCalls() {
   axios
        .get("/some/calls")
        .then(res => {
          console.log(res)
        });
},

I try using it in my beforeMount() when my component loads:

beforeMount(){
    this.$store.loadCalls();
}

What am i doing wrong here?

Upvotes: 1

Views: 75

Answers (1)

skirtle
skirtle

Reputation: 29092

If you defined an action like this:

actions: {
  loadCalls() {
    // ...
  }
}

Then you would call it like this:

this.$store.dispatch('loadCalls');

Actions aren't exposed directly, you call them using dispatch.

https://vuex.vuejs.org/guide/actions.html#dispatching-actions

Upvotes: 2

Related Questions