/Javascript/Vue/Vuex use state in action

Vuex use state in action

// If you want to use state in action when using Vuex store
// all you need is to add 'state' next to commit in curly bracket '{ }'

// Exapmle:

someAction({commit, state}){
            axios.get("https://myUrl.com/" + state.version )
            .then((response) => {
                commit('champions', {
                    champions: response.data.data
                })
            })
            .catch(function (error) {
                console.log(error);
            })
        }

Source: stackoverflow.com

Vue store access state in actions

actions: {
  actionName ({ commit, state }, payload) {
    console.log(state)
  }
}

Source: vuex.vuejs.org

Similar codes

3 votes181 views1 answer
Vue.js force to reload re-render
Javascript Vue
1 vote148 views1 answer
How get first option in select in vue js
Javascript Vue
0 vote145 views1 answer
Lazy loading by scroll vue
Javascript Vue
8 votes152 views3 answers
Vue redirect to route
Javascript Vue
1 vote161 views1 answer
Vue js access data in method
Javascript Vue
6 votes150 views3 answers
Vue watch object member
Javascript Vue
0 vote173 views1 answer
Programatic navigation vue router
Javascript Vue
0 vote148 views2 answers
To show which tab is active in VueJS
Javascript Vue
1 vote136 views3 answers
Vue router npm install
Javascript Vue
10 votes151 views2 answers
Vuejs set default value for prop
Javascript Vue