關于Vuex的action傳入多個參數的問題

leon 發布于2019-08-23 15:23 / 703人閱讀

摘要：問題已知中通過提交要通過的方式來完成然而中只能傳入兩個參數，第一個就是第二個就是要傳入的參數一開始遇到的問題是加入購物車方法中要傳入一個字典對象里面保存產品信息，還要傳入一個產品數量的參數然而如果這么寫的話就會報錯解決辦法將第二個參數以對象

問題：

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

GPU云服務器云服務器 action類的問題關于javascript的問題關于php的問題關于系統錯誤的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/101971.html

談一談Vuex

摘要：是什么官方文檔說道是一個專為應用程序開發的狀態管理模式。觸發之別名篇觸發之對象展開運算符篇觸發之對象展開運算符別名篇先引用官方文檔的說法類似于，不同在于提交的是，而不是直接變更狀態。 Vuex是什么官方文檔說道：Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態，并以相應的規則保證狀態以一種可預測的方式發生變化什么是狀態管理模式...

nifhlheimr 2019-08-23 18:01 評論0 收藏0
[vue][plugin][vuex][自總結] - vuex-總結

摘要：原文出自本人博客的詳細總結博主博客兼乎說在前面最近在使用做項目，所以有了總結的念頭。在這種情況下，只有當所有觸發函數完成后，返回的才會執行。當模塊被注冊后，它的所有及都會自動根據模塊注冊的路徑調整命名。原文出自本人博客：vuex的詳細總結博主博客--兼乎說在前面最近在使用vuex做項目，所以有了總結vuex的念頭。于是在本天中午到晚上9點，我一直沒有停過，為了能盡快將vuex的重...

dackel 2019-08-26 11:34 評論0 收藏0
Vuex源碼閱讀筆記

摘要：而鉆研最好的方式，就是閱讀的源代碼。整個的源代碼，核心內容包括兩部分。逃而動手腳的代碼，就存在于源代碼的中。整個源代碼讀下來一遍，雖然有些部分不太理解，但是對和一些代碼的使用的理解又加深了一步。筆記中的Vue與Vuex版本為1.0.21和0.6.2,需要閱讀者有使用Vue，Vuex，ES6的經驗。起因俗話說得好，沒有無緣無故的愛，也沒有無緣無故的恨，更不會無緣無故的去閱讀別人的源...

hosition 2019-08-21 13:44 評論0 收藏0
Vuex 入門到進階

先說一下Vuex到底是什么？ Vuex 是一個專門為 vue.js 應用程序開發的狀態管理模式這個狀態我們可以理解為在 data 中的屬性，需要共享給其他組件使用的部分也就是說，我們需要共享的數據，可以使用 vuex 進行統一集中式的管理喜歡看代碼學習的的可直接下載下方 Demo https://gitee.com/jiangliyue/... Vuex中的五種基本對象 state...

mylxsw 2019-08-23 18:30 評論0 收藏0