博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于Vuex的action传入多个参数的问题
阅读量:6036 次
发布时间:2019-06-20

本文共 625 字,大约阅读时间需要 2 分钟。

问题:

已知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就解决了

转载地址:http://eilhx.baihongyu.com/

你可能感兴趣的文章
[禅悟人生]谦虚有助于自我消融
查看>>
MFC之自绘控件
查看>>
算法提高 道路和航路 SPFA 算法
查看>>
Golang 如何从socket读出所有数据
查看>>
iOS开发使用半透明模糊效果方法整理
查看>>
一道图论小题目
查看>>
Hibernate拦截器(Interceptor)与事件监听器(Listener)
查看>>
关于android im
查看>>
CSS3 transforms 3D翻开
查看>>
利用传入的Type类型来调用范型方法的解决方案
查看>>
Top命令内存占用剖析
查看>>
转 网络IO模型:同步IO和异步IO,阻塞IO和非阻塞IO
查看>>
求带分数(蓝桥杯)
查看>>
Bootstrap系列 -- 11. 基础表单
查看>>
格拉西安《智慧书》中最有价值的23条法则
查看>>
7款经典炫酷的HTML5/jQuery动画应用示例及源码
查看>>
那些年我们一起追过的缓存写法(四)
查看>>
mssql手工注入
查看>>
zoj 3203 Light Bulb,三分之二的基本问题
查看>>
Oracle如何删除表中重复记录
查看>>