Vuex - 传递给操作的参数丢失。替换为当前状态

Question

因此，在单击按钮时，我想创建一个对象并将其传递给我的操作。 不幸的是，即使是测试变量也不起作用。 在组件中调用操作：

submitFeedback(){
  var jsonMessage = 'test message'
  console.log('test in menu: '+ jsonMessage)
  this [UC.SET_USER_FEEDBACK](jsonMessage)
  console.log('message sent')
}

执行动作：

 async [UC.SET_USER_FEEDBACK](feedbackFormData) {
    console.log('test in action:' + feedbackFormData)    
}

控制台中的结果：

test in menu: test message
test in action:[object Object]
message sent

该组件是否可能超出了 Vuex 的范围？它有来自 vuex 的 mapGetters、mapActions 和 mapState。

Answer 1

vuex action的第一个参数是context。 您应该传递额外的数据作为第二个参数。

async [UC.SET_USER_FEEDBACK](context, feedbackFormData) {
    console.log('test in action:' + feedbackFormData)    
}