詳解關于Vuex的action傳入多個參數(shù)的問題
更新時間：2019年02月22日 14:28:36 作者：薛穎
這篇文章主要介紹了詳解關于Vuex的action傳入多個參數(shù)的問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
問題：
已知Vuex中通過actions提交mutations要通過context.commit(mutations,object)的方式來完成
然而commit中只能傳入兩個參數(shù)，第一個就是mutations,第二個就是要傳入的參數(shù)
一開始遇到的問題是加入購物車方法中要傳入一個字典對象里面保存產(chǎn)品信息item，還要傳入一個產(chǎn)品數(shù)量的參數(shù)num
然而如果這么寫的話就會報錯：context.commit(mutations,item,num)
解決辦法：
將第二個參數(shù)以對象的放式提交就像這樣
mutations = {
PRODUCT_ADDTO_CART:(state,product) => {
//code
}
}
actions = {
productaddtocart:(context,value) => {
context.commit('PRODUCT_ADDTO_CART', value);
},
}
在頁面調(diào)用方法的時候是這樣的：
productAddToCart(item,productNum){
this.productaddtocart({"item":item,"num":this.productNum})
}
這里的關鍵信息是將參數(shù)打包成一個字典對象傳入，在mutations里面調(diào)用的話就product.item,product.num就解決了
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了基于vue實現(xiàn)簡易打地鼠游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
詳解Vue中Computed與watch的用法與區(qū)別
這篇文章主要介紹了Vue中computed和watch的使用與區(qū)別，文中通過示例為大家進行了詳細講解，對Vue感興趣的同學，可以學習一下2022-04-04
vue項目前端加前綴(包括頁面及靜態(tài)資源)的操作方法
這篇文章主要介紹了vue項目前端加前綴(包括頁面及靜態(tài)資源)的操作方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
這篇文章主要介紹了關于vue.js過渡css類名的理解,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-04-04
Vue+SpringBoot實現(xiàn)支付寶沙箱支付的示例代碼
本文主要介紹了Vue+SpringBoot實現(xiàn)支付寶沙箱支付的示例代碼，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習吧2021-06-06
這篇文章主要介紹了安裝VUE-CLI一直失敗的排錯過程及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
我們開發(fā)后臺管理系統(tǒng)過程中，會由不同的人操作系統(tǒng)，有admin（管理員）、superAdmin(超管)，及各種運營、財務人員。為了區(qū)別這些人員，會給不同的人分配不一樣的角色來展示不同的菜單，這就必須要通過動態(tài)路由來實現(xiàn)。下面就來介紹vue實現(xiàn)動態(tài)路由,需要的朋友可參考一下2021-10-10
vue3+ts+echarts實現(xiàn)按需引入和類型界定方式
這篇文章主要介紹了vue3+ts+echarts實現(xiàn)按需引入和類型界定方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
vue實現(xiàn)手機號碼的校驗實例代碼（防抖函數(shù)的應用場景）
這篇文章主要給大家介紹了關于vue實現(xiàn)手機號碼的校驗的相關資料，主要是防抖函數(shù)的應用場景，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-09-09
Axios提供了簡單而強大的API來處理HTTP請求,而FormData提供了用于構(gòu)建表單數(shù)據(jù)的API,這篇文章主要介紹了Vue中如何使用Axios發(fā)送FormData請求,需要的朋友可以參考下2024-07-07