想單獨(dú)刪除某個元素,為什么每次向左滑動 整個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貢獻(xiàn)245條經(jīng)驗(yàn) 獲得超106個贊
你的事件綁定有問題,應(yīng)該在光標(biāo)鎖定以后滑動才現(xiàn)實(shí)刪除。你這個是滑動就現(xiàn)實(shí),所以你滑動的時候不管在哪滑只要是LI表內(nèi)就全部觸發(fā)。
添加回答
舉報
0/150
提交
取消