programing

Vuex 모듈 돌연변이

itsource 2022. 7. 21. 19:58
반응형

Vuex 모듈 돌연변이

vuex 모듈에 전화해야 하는데 작동하지 않습니다.서류를 봤는데도 작동이 안 돼요.누가 좀 도와줬으면 좋겠어요.

const stateLocations ={

    state: {

        provinces: {},
        cities: {}
    },
    mutations: {
        provinces(state, payload){

            state.provinces = payload
        }
    }
}


const store = new Vuex.Store({

    modules: {
        locations: stateLocations
    }


})

돌연변이를 부르는 내 코드

created(){

            var store = this.$store

            axios.get('api/provinces')
                .then( function(response){

                    store.state.locations.commit('provinces', response.data)
                })
                .catch()
        }

이거 안 돼요store.state.locations.commit('provinces', response.data)TY

활성화하지 않았기 때문에namespaced이 모듈에서는 단순히

this.$store.commit('provinces', response.data)

네임스페이스를 유효하게 하는 경우:

const stateLocations = {
  namespaced: true,
  state: {
    ...

이렇게 돌연변이를 저지릅니다.

this.$store.commit('locations/provinces', response.data)

언급URL : https://stackoverflow.com/questions/43961582/vuex-modules-mutations

반응형