Vuex如何声明恒定的根突变答案

【问题标题】：Vuex how to declare constant root mutationsVuex如何声明恒定的根突变
【发布时间】：2018-06-24 20:01:48
【问题描述】：

所以我的应用程序结构与下面的示例非常相似 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
}

【问题讨论】：

标签： ecmascript-6 vue.js vuex vue-tables-2

【解决方案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 设置取自购物车示例

【讨论】：