Nuxt Store变量修改异常：Mutation接收对象而非传入文本问题

问题根源 #

你的Mutation函数参数写法错误——Nuxt Store基于Vuex实现，而Vuex规定Mutation的第一个参数必须是当前模块的state对象，第二个参数才是提交时传入的自定义数据。你现在只声明了option参数，它实际接收的是模块的state，你传入的按钮文本被放到了第二个参数位置，所以日志打印出的是整个state对象而非预期文本。

修正后的Mutation代码 #

export const mutations = {
  changeSortOption(state, option) {
    console.log(option) // 现在会正确输出传入的按钮文本
  }
}

验证说明 #

组件中的方法逻辑是正确的，已经将item.name作为参数提交给Mutation。修正Mutation的参数结构后，第一个参数state对应模块状态，第二个参数option会准确接收你传入的文本，日志即可输出预期内容。

内容的提问来源于stack exchange，提问作者JMKelley