详解关于Vuex的action传入多个参数的问题
2019-03-28 10:58
821 查看
问题:
已知Vuex中通过actions提交mutations要通过context.commit(mutations,object)的方式来完成
然而commit中只能传入两个参数,第一个就是mutations,第二个就是要传入的参数
一开始遇到的问题是加入购物车方法中要传入一个字典对象里面保存产品信息item,还要传入一个产品数量的参数num
然而如果这么写的话就会报错:context.commit(mutations,item,num)
解决办法:
将第二个参数以对象的放式提交就像这样
mutations = { PRODUCT_ADDTO_CART:(state,product) => { //code } } actions = { productaddtocart:(context,value) => { context.commit('PRODUCT_ADDTO_CART', value); }, }
在页面调用方法的时候是这样的:
productAddToCart(item,productNum){ this.productaddtocart({"item":item,"num":this.productNum}) }
这里的关键信息是将参数打包成一个字典对象传入,在mutations里面调用的话就product.item,product.num就解决了
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 关于@property与@synthesize的基础问题以及参数详解[转]
- 关于js函数传入中文字符串参数的取值问题
- 关于请求方式为GET的form表单,action属性后不能带参数的问题
- 关于在Struts2的Action中使用domain模型接收参数的问题
- 关于ActionBarDrawerToggle的构造方法参数详解
- 关于请求方式为GET的form表单,action属性后不能带参数的问题
- 详解解决Vue相同路由参数不同不会刷新的问题
- 关于oracle中传入参数和in一起用的问题
- 前后端分离的j2ee的web项目,使用vue方式,即{{}}方式批量传入前端参数,遇到一个一个问题,页面上一开始有{{}},怎么处理?
- 关于在Struts2的Action中使用domain模型接收参数的问题
- 关于main函数的传入参数的问题
- 关于JAVA调用ORACLE存储过程时,传入动态参数作为in语句条件的问题
- 关于struts2.1.6前台传递中文参数到后台action出现乱码问题的解决办法
- 关于JAVA调用ORACLE存储过程时,传入动态参数作为in语句条件的问题
- 关于在Struts2的Action中使用domain模型接收参数的问题
- 关于在打开游标之前修改传入游标where的参数问题
- 关于mybatis 传入基本参数类型使用if test 判断出错的问题
- 关于传入不同参数请求同一Ajax后返回数据显示错乱的问题
- 关于请求方式为GET的form表单,action属性后不能带参数的问题
- Http协议中关于请求与响应中文参数乱码问题详解