详解关于Vuex的action传入多个参数的问题
程序员文章站
2023-11-18 22:42:16
问题:
已知vuex中通过actions提交mutations要通过context.commit(mutations,object)的方式来完成
然而commi...
问题:
已知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就解决了
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
详解关于Vuex的action传入多个参数的问题
-
详解关于Vuex的action传入多个参数的问题
-
关于请求方式为GET的form表单,action属性后不能带参数的问题讲解
-
mybatis中association和collection的column传入多个参数问题
-
关于请求方式为GET的form表单,action属性后不能带参数的问题讲解
-
关于 Laravel Redis 多个进程同时取队列的问题详解
-
关于 Laravel Redis 多个进程同时取队列的问题详解
-
mysql - 请教关于PHP方法传入参数的问题及依赖注入的适用场景?
-
mybatis中association和collection的column传入多个参数问题