将数据传递给商店？

Question

如何将数据从我的 vue 组件传递到商店？

这是我的组件：

methods: {
    ...mapActions('NavBar', [
        'fix',
    ]),
    onClick: function() {
        this.fix('my-data');
    },
    ....

在商店里：

actions: {           
   fix: ({ commit }) => {
    //get data here?
   },
},

Answer 1

VueJS 中的 Actions 和 Mutations 2.x 可以接受一个额外的参数（通常称为 payload）和额外的数据。

来自VueJS documentation on Mutations：

You can pass an additional argument to store.commit, which is called the payload for the mutation:

mutations: {
  increment (state, n) {
    state.count += n
  }
}
store.commit('increment', 10)

In most cases, the payload should be an object so that it can contain multiple fields, and the recorded mutation will also be more descriptive:

mutations: {
  increment (state, payload) {
    state.count += payload.amount
  }
}
store.commit('increment', {
  amount: 10
})

对于Actions：

Actions support the same payload format and object-style dispatch:

// dispatch with a payload
store.dispatch('incrementAsync', {
  amount: 10
})

// dispatch with an object
store.dispatch({
  type: 'incrementAsync',
  amount: 10
})

文档似乎不太清楚如何定义操作，但看起来应该可以使用以下内容：

actions: {
  incrementAsync ({ commit, state }, payload) { ... }
}

将数据传递给商店？

Pass data to a store?

vue.js

vuejs2

vuex