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

时间:2019-02-22 03:46:46

标签: vue.js vue-component vuex vuetify.js

因此,在按钮上单击我要创建一个对象并将其传递给我的操作。 不幸的是,即使测试变量也不起作用。 在组件内调用操作:

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。

1 个答案:

答案 0 :(得分:2)

vuex操作的第一个参数是上下文。 您应该传递额外的数据作为第二个参数。

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