鍍金池/ 問答/HTML/ VUE2.0的計算屬性不能傳值的話,請問我的需求如何實現(xiàn)?

VUE2.0的計算屬性不能傳值的話,請問我的需求如何實現(xiàn)?

需求:

有一個商城,進入頁面的時候要循環(huán)產(chǎn)品列表。還有一個在vuex.state里面的購物車列表,如果該產(chǎn)品已在購物車中,則循環(huán)產(chǎn)品時展示已購買數(shù)量。如果點擊產(chǎn)品后的購買,則已購買數(shù)量增加,并且購物車相應增加數(shù)量。

思路:
我一開始的思路是,剛進入頁面時,獲取state里面的購物車列表,循環(huán)產(chǎn)品時,給計算屬性傳產(chǎn)品信息,判斷購物車內(nèi)是否已購買。當點擊購買時,只改變購物車數(shù)量就可以動態(tài)改變計算屬性的值。

但是計算屬性不能傳值,我又想通過方法來計算,循環(huán)時給方法傳值來判斷。但是點擊購買時,再次調(diào)用這個方法就不行了。因為每個產(chǎn)品對應一個方法,調(diào)用不起作用。

請問大家,有沒有比較好的解決辦法?用組件實現(xiàn)我已經(jīng)了解了,循環(huán)的時候給組件傳產(chǎn)品信息,在組件內(nèi)使用計算屬性??墒侨绻挥媒M件有什么好的辦法嗎?

回答
編輯回答
涼薄

vuex沒有寫對應修改這個購物車列表內(nèi)購買數(shù)量的的mutation么?直接提交這個mutation解決。
你商品列表頁面通過計算屬性返回的值,動態(tài)跟著變化,沒毛病啊。

2017年7月25日 23:35