vuex 2的action传参问题

本文探讨了在使用 Vuex 的 action 时如何正确传递参数,避免出现 undefined 的问题。介绍了将多个参数封装成一个对象进行传递的方法,并指出在 Vue 页面中触发 action 时可能遇到的传参限制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

https://segmentfault.com/q/1010000007185702

 


源码看(当然从api文档看也一样),dispatch最多就只接受两个参数,typepayload

 

vuex.action 只能传递两个参数, 一个state是自动添加的,一个payload,是用户自己传到。 
如果传了两个参数,第二个永远会是undefined。

正确的操作

为了避免action传多个参数会undefined的情况,把所有变量装到一个对象里传过去

vuex中mutation/action的传参方式

https://blog.youkuaiyun.com/wopelo/article/details/80285167

 


另:

如果想在vue页面中触发action事件,实测无法实现传参,会出现undefined情况;(如果可以望留言告知)

但是可以不要经过action;直接进行commit传参,例如在vue页面中:

this.$store.commit('ORG_STATUS_CHANGE',1);

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值