资讯专栏INFORMATION COLUMN

关于Vuex的action传入多个参数的问题

leon / 642人阅读

摘要:问题已知中通过提交要通过的方式来完成然而中只能传入两个参数,第一个就是第二个就是要传入的参数一开始遇到的问题是加入购物车方法中要传入一个字典对象里面保存产品信息,还要传入一个产品数量的参数然而如果这么写的话就会报错解决办法将第二个参数以对象

问题:

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101971.html

相关文章

  • 谈一谈Vuex

    摘要:是什么官方文档说道是一个专为应用程序开发的状态管理模式。触发之别名篇触发之对象展开运算符篇触发之对象展开运算符别名篇先引用官方文档的说法类似于,不同在于提交的是,而不是直接变更状态。 Vuex是什么 官方文档说道:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 什么是状态管理模式...

    nifhlheimr 评论0 收藏0
  • [vue][plugin][vuex][自总结] - vuex-总结

    摘要:原文出自本人博客的详细总结博主博客兼乎说在前面最近在使用做项目,所以有了总结的念头。在这种情况下,只有当所有触发函数完成后,返回的才会执行。当模块被注册后,它的所有及都会自动根据模块注册的路径调整命名。 原文出自本人博客:vuex的详细总结博主博客--兼乎 说在前面 最近在使用vuex做项目,所以有了总结vuex的念头。于是在本天中午到晚上9点,我一直没有停过,为了能尽快将vuex的重...

    dackel 评论0 收藏0
  • Vuex源码阅读笔记

    摘要:而钻研最好的方式,就是阅读的源代码。整个的源代码,核心内容包括两部分。逃而动手脚的代码,就存在于源代码的中。整个源代码读下来一遍,虽然有些部分不太理解,但是对和一些代码的使用的理解又加深了一步。 笔记中的Vue与Vuex版本为1.0.21和0.6.2,需要阅读者有使用Vue,Vuex,ES6的经验。 起因 俗话说得好,没有无缘无故的爱,也没有无缘无故的恨,更不会无缘无故的去阅读别人的源...

    hosition 评论0 收藏0
  • Vuex 入门到进阶

    先说一下Vuex到底是什么? Vuex 是一个专门为 vue.js 应用程序开发的状态管理模式 这个状态我们可以理解为在 data 中的属性,需要共享给其他组件使用的部分 也就是说,我们需要共享的数据,可以使用 vuex 进行统一集中式的管理 喜欢看代码学习的的可直接下载下方 Demo https://gitee.com/jiangliyue/... Vuex中的五种基本对象 state...

    mylxsw 评论0 收藏0

发表评论

0条评论

leon

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<