關於Vuex的action傳入多個引數的問題

2021-09-12 17:17:52 字數 503 閱讀 2091

已知vuex中通過actions提交mutations要通過context.commit(mutations,object)的方式來完成

然而commit中只能傳入兩個引數,第乙個就是mutations,第二個就是要傳入的引數

一開始遇到的問題是加入購物車方法中要傳入乙個字典物件裡面儲存產品資訊item,還要傳入乙個產品數量的引數num

然而如果這麼寫的話就會報錯:context.commit(mutations,item,num)

將第二個引數以物件的放式提交就像這樣

mutations = 

}actions = ,

}

在頁面呼叫方法的時候是這樣的:

productaddtocart(item,productnum))

}

這裡的關鍵資訊是將引數打包成乙個字典物件傳入,在mutations裡面呼叫的話就product.item,product.num就解決了

關於Vuex的action傳入多個引數的問題

已知vuex中通過actions提交mutations要通過context.commit mutations,object 的方式來完成 然而commit中只能傳入兩個引數,第乙個就是mutations,第二個就是要傳入的引數 一開始遇到的問題是加入購物車方法中要傳入乙個字典物件裡面儲存產品資訊it...

vuex中mutation和action的詳細區別

一 vuex中mutation和action的詳細區別 const store newvuex.store mutations actions 1 流程順序 相應檢視 修改state 拆分成兩部分,檢視觸發action,action再觸發mutation。2 角色定位 基於流程順序,二者扮演不同的角...

Vue教程23 Vuex非同步Action

該節教程 可通過npm start執行devserver,在http localhost 8080 index檢視效果 執行服務端請cd server,node server.js。檔案內容為 用於輸出乙個user列表。通過cd server,node server.js啟動伺服器,就可以在http...