Vue實現(xiàn)類似于美團(tuán)外賣不同口味添加到購物車功能

1.類似于美團(tuán)外賣點餐的功能，基本上的添加到購物車是實現(xiàn)了；
點擊添加到購物車，相同餐品數(shù)量相加，不同餐品個數(shù)相加

2.問題
現(xiàn)在新增加一個需求，有的餐品是有口味的。需要實現(xiàn)，同樣餐品的相同口味，數(shù)量相加，同樣餐品的不同口味，個數(shù)相加

如圖，招牌鴨脖是一樣的餐品，按照我之前的實現(xiàn)步驟，應(yīng)該是只顯示一條，數(shù)量是5，但是現(xiàn)在需要把口味加上去，并且區(qū)分開來，，不知道怎么做o(╥﹏╥)o

3.之前的代碼，點擊餐品，傳遞到vuex里面，在vuex里面，遍歷已選數(shù)組，如果id相同，就數(shù)量加加，如果id不同，就push進(jìn)去已選數(shù)組

4，求大神指點應(yīng)該怎么寫口味？

5.目前vuex里的代碼

  // 沒有口味
      if(!food.tasteItem){
        if(!food.count){
          Vue.set(food,'count',1);
          state.selectedFoods.push(food);
        } else {
          const storedFood = state.selectedFoods.find(f => f.goodsId === food.goodsId);
          if(storedFood){
            food.count++
          }
        }
      }
      // 有口味
      if(food.tasteItem) {
        let newFood = Object.assign({}, {...food});
        newFood.goodsId = newFood.goodsId + '-' + food.tasteItem.id;
        const storedFood = state.selectedFoods.find(f => f.goodsId === newFood.goodsId);
        console.log(storedFood);
        if(storedFood){
          food.count++;
        } else {
          Vue.set(food,'count',1);
          state.selectedFoods.push(food);
        }

      }