鍍金池/ 問答/數(shù)據(jù)庫  HTML/ Vue 暴力更新視圖后,實現(xiàn)加入購物車遇到的問題

Vue 暴力更新視圖后,實現(xiàn)加入購物車遇到的問題

1. 本人使用express抓的數(shù)據(jù): 

鏈接描述 https://api.billson.club/api/...

2. 想實現(xiàn)如外賣app的商品展示與商品加入購物車,但是發(fā)現(xiàn),當商品有多項屬性的時候,打算判斷購物車里面的商品ID
是否有重復的,重復的時候再判斷其屬性是否一致,一致就在數(shù)量上增加,否則當作新的商品添加到購物車。
3. 添加到購物車是vuex的操作,當再添加同樣的商品,不同的屬性的時候,原本在購物車的商品的屬性編程正在添加到
購物車的商品的屬性。

圖片描述


由于商品數(shù)據(jù)的層級關系有點復雜(對象有5層),我使用Object.assign的方式強制更新視圖于數(shù)據(jù)。
購物車的數(shù)據(jù)結構如圖:

圖片描述

回答
編輯回答
念初

你的商品設計有問題,
從商品管理的角度來說,就算是同種商品,但是味道、香型等不同,就應該屬于不同的SKU,

2017年7月26日 15:38