Vuex如何声明常量根突变

Question

因此，我的应用程序结构与下面的https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart示例非常相似

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

在我的mutation tyes.js中，我声明了突变的名称为

export const UPDATE_CLIENTTABLE = 'UPDATE_CLIENTTABLE'

然而，我不确定如何在mutations.js中编写变化，因为没有定义模块，因为状态是由vue-tables-2动态创建的。我正在做一些类似下面的事情，但它不起作用

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

Answer 1

您需要在mutations.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设置取自购物车示例