/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

28 votes415 views4 answers
Vue inline style bind
Javascript Vue
0 vote197 views1 answer
Vue js video call
Javascript Vue
2 votes200 views2 answers
Vue js redirect to external url new tab
Javascript Vue
2 votes221 views2 answers
Add params to url vue
Javascript Vue
0 vote223 views2 answers
Create a vue project from scratch with 2.9.6
Javascript Vue
1 vote203 views2 answers
Lazy Loading Routes vue
Javascript Vue
3 votes216 views1 answer
Filter array in vuex
Javascript Vue
0 vote199 views1 answer
Vue-jstree
Javascript Vue
0 vote226 views2 answers
Pass image as props vue vuetify
Javascript Vue
1 vote371 views2 answers
Vue 3 props
Javascript Vue