国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

關(guān)于Vuex的action傳入多個(gè)參數(shù)的問(wèn)題

leon / 693人閱讀

摘要：?jiǎn)栴}已知中通過(guò)提交要通過(guò)的方式來(lái)完成然而中只能傳入兩個(gè)參數(shù)，第一個(gè)就是第二個(gè)就是要傳入的參數(shù)一開(kāi)始遇到的問(wèn)題是加入購(gòu)物車方法中要傳入一個(gè)字典對(duì)象里面保存產(chǎn)品信息，還要傳入一個(gè)產(chǎn)品數(shù)量的參數(shù)然而如果這么寫的話就會(huì)報(bào)錯(cuò)解決辦法將第二個(gè)參數(shù)以對(duì)象

問(wèn)題：

已知Vuex中通過(guò)actions提交mutations要通過(guò)context.commit(mutations,object)的方式來(lái)完成
然而commit中只能傳入兩個(gè)參數(shù)，第一個(gè)就是mutations,第二個(gè)就是要傳入的參數(shù)
一開(kāi)始遇到的問(wèn)題是加入購(gòu)物車方法中要傳入一個(gè)字典對(duì)象里面保存產(chǎn)品信息item，還要傳入一個(gè)產(chǎn)品數(shù)量的參數(shù)num
然而如果這么寫的話就會(huì)報(bào)錯(cuò)：context.commit(mutations,item,num)

解決辦法：

將第二個(gè)參數(shù)以對(duì)象的放式提交就像這樣

mutations = {
    PRODUCT_ADDTO_CART:(state,product) => {
       //code
    }
}
actions = {
    productaddtocart:(context,value) => {
        context.commit("PRODUCT_ADDTO_CART", value);
    },
}

在頁(yè)面調(diào)用方法的時(shí)候是這樣的：

productAddToCart(item,productNum){
            this.productaddtocart({"item":item,"num":this.productNum})
}

這里的關(guān)鍵信息是將參數(shù)打包成一個(gè)字典對(duì)象傳入，在mutations里面調(diào)用的話就product.item,product.num就解決了

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/101971.html

相關(guān)文章

  • 談一談Vuex

    摘要：是什么官方文檔說(shuō)道是一個(gè)專為應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。觸發(fā)之別名篇觸發(fā)之對(duì)象展開(kāi)運(yùn)算符篇觸發(fā)之對(duì)象展開(kāi)運(yùn)算符別名篇先引用官方文檔的說(shuō)法類似于，不同在于提交的是，而不是直接變更狀態(tài)。 Vuex是什么 官方文檔說(shuō)道：Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化 什么是狀態(tài)管理模式...

    nifhlheimr 評(píng)論0 收藏0

  • [vue][plugin][vuex][自總結(jié)] - vuex-總結(jié)

    摘要：原文出自本人博客的詳細(xì)總結(jié)博主博客兼乎說(shuō)在前面最近在使用做項(xiàng)目，所以有了總結(jié)的念頭。在這種情況下，只有當(dāng)所有觸發(fā)函數(shù)完成后，返回的才會(huì)執(zhí)行。當(dāng)模塊被注冊(cè)后，它的所有及都會(huì)自動(dòng)根據(jù)模塊注冊(cè)的路徑調(diào)整命名。 原文出自本人博客：vuex的詳細(xì)總結(jié)博主博客--兼乎 說(shuō)在前面 最近在使用vuex做項(xiàng)目，所以有了總結(jié)vuex的念頭。于是在本天中午到晚上9點(diǎn)，我一直沒(méi)有停過(guò)，為了能盡快將vuex的重...

    dackel 評(píng)論0 收藏0

  • Vuex源碼閱讀筆記

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

    hosition 評(píng)論0 收藏0

  • Vuex 入門到進(jìn)階

    先說(shuō)一下Vuex到底是什么？ Vuex 是一個(gè)專門為 vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式 這個(gè)狀態(tài)我們可以理解為在 data 中的屬性，需要共享給其他組件使用的部分 也就是說(shuō)，我們需要共享的數(shù)據(jù)，可以使用 vuex 進(jìn)行統(tǒng)一集中式的管理 喜歡看代碼學(xué)習(xí)的的可直接下載下方 Demo https://gitee.com/jiangliyue/... Vuex中的五種基本對(duì)象 state...

    mylxsw 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<