vuex 的 action 传参问题

最新推荐文章于 2025-04-12 00:30:00 发布

原创最新推荐文章于 2025-04-12 00:30:00 发布 · 912 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vuex #action

vue 专栏收录该内容

67 篇文章

订阅专栏

本文深入探讨了在使用Vuex框架时，如何在Action中传递参数并进行操作。通过具体代码示例，展示了如何从组件中调用Action并传递多个参数，包括value和num，然后在Action内部如何接收这些参数并进行后续处理。

vuex 的action传参问题

上代码：

拿到action方法

...mapActions('meetingLayout', {
  actionChangeAreaTitleAlias: 'actionChangeAreaTitle'
})

派发action

handleChangeAreaTitle (value) {
  this.actionChangeAreaTitleAlias(value, 30)
}

操作之后commit

// 改变区域title
export const actionChangeAreaTitle = ({ state, commit }, data, num) => {
  console.log(data)
  console.log(num)
  // 拿到之后可以进行一系列骚操作
  // 然后派发commit
  // commit(types.CHANG_EAREATITLE, data, num)
}