在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue動畫清除之后,無法再次執(zhí)行

vue動畫清除之后,無法再次執(zhí)行

clipboard.png

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

clipboard.png

 <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>
回答
編輯回答
瞄小懶

v-if的問題

show 改變的不對

2018年5月24日 06:22