右側(cè)的菜譜 添加到左側(cè)之后會有動畫效果 初次執(zhí)行沒問題，清空左側(cè)的菜單之后，再次添加就無法看到任何效果
但是下方總數(shù)量 跟 總價還是一直改變的

 <ul>
          <transition-group name="slide-fade">       
            <li v-for = 'food in selectFoods' class="cartList" v-if  = "show"  :key="food.name">{{food.name}}
              <span @click = "addFood(food)" class="addFood">增加</span>
              <b>{{food.count}}</b>
              <span @click = 'decreaseFood(food)' class="decreaseFood" v-on:click="show = !show">減少</span>
              <span>價格：￥{{food.count * food.price}}</span>
            </li>
          </transition-group>
        </ul>

 <div class = "foods-wrapper">
      <div class="fooList" v-for="(item,index) in goods" >
        <div v-for="(food,foodIndex) in item.foods" v-show="name==item.name" class = 'food' :class="{'food-selected':foodIndex == activeIndex}" @click ="addCart(food,foodIndex)" >
          <img width="100%" height="100%" :src="food.icon" class="food-icon" />
          <span class = "food-name">{{food.name}}</span>
          <span class = 'food-price'>￥{{food.price}}</span>
        </div>
      </div>
    </div>