想單獨刪除某個元素,為什么每次向左滑動 整個UI列表都暴露出刪除按鈕<ul>
??????????<transition-group?name="slide-fade">???????
????????????<li?v-for?=?'(food,index)?in?selectFoods'?class="cartList?slide-warp"?:key="food.name"?ref="slideWarp">
??????????????<div?style="float:?left;"?class="slide-item"?:data-index="index">{{food.name}}</div>
??????????????<div?class="cartControl">
????????????????<span?@click?=?"addFood(food)"?class="addFood">+</span>
????????????????<b>{{food.count}}</b>
????????????????<span?@click?=?'decreaseFood(food)'?class="decreaseFood">-</span>
????????????????<span>價格:¥{{food.count?*?food.price}}</span>
??????????????</div>
??????????????<div?class="slide-del">刪除</div>
????????????</li>
??????????</transition-group>
????????</ul>
1 回答

MR帽子先生
TA貢獻245條經(jīng)驗 獲得超106個贊
你的事件綁定有問題,應該在光標鎖定以后滑動才現(xiàn)實刪除。你這個是滑動就現(xiàn)實,所以你滑動的時候不管在哪滑只要是LI表內(nèi)就全部觸發(fā)。
添加回答
舉報
0/150
提交
取消