Question

所以我对下面的例子有一个非常相似的应用程序结构 https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart

但是，那里没有定义根突变。我需要创建一个，因为我必须更新在vue-tables-2中动态创建的状态。

在我的mutation-types.js中，我将突变的名称声明为

export const UPDATE_CLIENTTABLE = 'UPDATE_CLIENTTABLE'

但是，我不确定如何在mutation.js中编写突变。由于状态是由vue-tables-2动态创建的，因此没有定义模块。我做了类似下面的事情，但它没有工作

[types.UPDATE_CLIENTTABLE] (state, data) {
    state.ClientTableLine.data = data
}

Answer 1

您需要在mutation.js文件中导出突变

export const [types.UPDATE_CLIENTTABLE) = (state, data) => {
  state.ClientTableLine.data = data
}

然后将其导入您的vuex设置

import * as mutations from './mutations'
export default new Vuex.Store({
  mutations,
  actions,
  getters,
  modules: {
    cart,
    products
  },
  strict: debug,
  plugins: debug ? [createLogger()] : []
})

这假设您的vuex设置取自购物车示例

Vuex如何声明常量根突变

1 个答案: