An error occurred when i used the 'getters' of the Vuex which said “it is not a function”，-CodePudding

I use it according to the official example , but it didn't work.

First, i exported an object which contained the function i wanted.

var getters = {
    getToken: (state) => {   
    if (!state.token) {
        state.token = localStorage.getItem('token')
    }
    return state.token
    }
}
export default getters

Then,i imported it in "store"

const store = new Vuex.Store({
    state,    
    getters,  
    actions,  
    mutations 
})

Here is how it called

created()
    {
    
     var token=this.$store.getters.getToken(this.$store.state);
  
    }

Finally,An error occurred when i call its function enter image description here

I want to know how to handle it.

CodePudding user response：

Unfortunately you haven't provided the code that accesses the getter, so we can't tell for certain what your problem is, but I would wager based on the specific error that you're calling getToken as this.$store.getters.getToken(). This isn't how you access a getter in vuex. Instead, you simply do this.$store.getters.getToken, without the parentheses.