主页 / 问题 / 900482
Accepted
F. Tomas
Asked:2020-10-31 23:41:58 +0000 UTC2020-10-31 23:41:58 +0000 UTC

如何从动作中触发突变

  • 772

我正在使用 Vue.js 并执行以下操作：

 actions: {
     chmy(store, i){
      store.state.controls[i].isActive = true;
      store.state.controls[i].isValid = store.state.myinputs[i].regexp.test(store.state.myinputs[i].value);
   }

运行代码时，Vue.js 发誓

Error: [vuex] Do not mutate vuex store state outside mutation handlers.

编写突变的最佳方法是什么？毕竟，我仍然需要传递控件 i 数组的索引。

像这样尝试：

  actions: {
    chmy(store, i){
      store.commit('updControls', {control: store.state.controls[i].isActive, val: true});
}
}

  mutations: {
    updControls(state, obj){
      obj.control = obj.val;
    }
}

但不起作用。告诉我如何正确地做

javascript

2 个回答

  1. Best Answer
    mutations: {
    chmy(state, i){
        state.controls[i].isActive = true;
        state.controls[i].isValid = state.myinputs[i].regexp.test(state.myinputs[i].value);
    }
}

    而不是立即采取行动调用突变

    如果你需要通过行动

    actions: {
    chmy(store, i){
        store.commit("updControls", {
            index: i, 
            value: {
                isActive: true, 
                isValid: store.state.myinputs[i].regexp.test(store.state.myinputs[i].value)}})
            }
        }
    }
},
mutations: {
    updControls(state, {index, value}) {
        state.controls[index] = value
    }
}
    • 1 
  2.     actions: {
        chmy({commit}, someObject){
          commit('updControls', someObject);
}
    }

  mutations: {
    updControls(state, someObject){
      state.someStateObject = someObject;
    }
}
    • 0

相关问题