/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

0 vote267 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
0 vote296 views1 answer
Vue js skeleton loading
Javascript Vue
0 vote276 views1 answer
How to use vue.js in expressjs with pug
Javascript Vue
0 vote266 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
4 votes275 views2 answers
Global variable vuejs
Javascript Vue
0 vote269 views1 answer
Sweetalert2 vue on ok click page refresh
Javascript Vue
0 vote256 views1 answer
Vue js store and retrieve api data to localstorage
Javascript Vue
-1 vote271 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
6 votes302 views2 answers
Vue-cli-service
Javascript Vue
3 votes228 views2 answers
Vue mounted
Javascript Vue