vue-tables-2 모듈에서 ROW_CLICK 이벤트를 처리하는 방법(vuex)

vue-tables-2 모듈에서 ROW_CLICK 이벤트를 처리하는 방법(vuex)

csv 파일 및 vue-tables-2를 처리하기 위한 "csv"라는 이름의 모듈이 있습니다.vuex:

스토어 구조:

-store
 -modules
   -csv.js
 -index.js

index.syslog:

Vue.use(Vuex)

    const store = new Vuex.Store({
        modules: {
            commons,
            ldap,
            csv <---- I want to execute the mutation in this module
        },
        mutations: {
            ["csvTable/ROW_CLICK"](state, data){
               <---- but now it's running here
            },
        }
    })

csv.syslog

// initial state
const state = {
    //...
}

// getters
const getters = {
    //...
}

// mutations
const mutations = {
    ["csvTable/ROW_CLICK"](state, data){
       < ---I want to execute the mutation here
    }
}

export default {
   //...
}

그래서 csv 모듈에서 ROW_CLICK 변환을 실행하는 방법을 알고 싶습니다.

난 이렇게 할 수 있을 줄 알았어.

index.syslog:

  ["csvTable/ROW_CLICK"](state, data){
       this.commit(csv/ROW_CLICK, data);
  },

하지만 나는 그것이 그것을 하는 최선의 방법이라고 생각하지 않는다.

감사합니다.

액션 사용법을 배우다.항상 작업을 통해 돌연변이를 실행하는 것이 좋습니다.

csv.js에서 다음과 같은 작업을 추가합니다.

   actions: {
     callMutation({commit}, pass_property){ //pass_property is passed to action
       commit('the_mutation_you_want_to_Call',pass_property)
     }
   }

또한 변환을 커밋하기 위한 액션에는 commit 객체가 필요합니다.다만, 필요에 따라서, 액션에서는, getters나 state도 사용할 수 있습니다.아래를 참조해 주세요.

예제:

  actions: {
    actionName({commit,getters,state}) {}
  }

언급URL : https://stackoverflow.com/questions/49633306/vue-tables-2-how-to-handle-the-row-click-event-in-a-modulevuex