Heim > Artikel > Web-Frontend > So implementieren Sie das Löschen durch langes Drücken in Uniapp
Uniapp implementiert die Methode zum Löschen durch langes Drücken: Verwenden Sie die Komponente, um das Löschen zu bestätigen. Der Code lautet [this.Loop = setTimeout(function() {uni.showModal({title: 'Delete',content: 'Möchten Sie dies löschen? Nachricht?‘ ,].
uniapp Methoden zum Löschen durch langes Drücken:
1, Ansichtscode
<view class="imgShow" v-for="(item,index) in list" :key="index"> <image :src="item.image_path" @touchstart.prevent="touchstart(index)" @touchend.prevent="touchend"></image> </view>2, Skriptcode
touchstart(index) { let that = this; clearInterval(this.Loop); //再次清空定时器,防止重复注册定时器 this.Loop = setTimeout(function() { uni.showModal({ title: '删除', content: '请问要删除本条消息吗?', success:async function(res) { if (res.confirm) { var id = that.list[index].id let data = await that.$http.post('api/shop/shop_qualification_image/delete',{ 'id':id, }).then(function(data){ console.log('用户点击确定') }).catch(function(data){}); } else if (res.cancel) { console.log('用户点击取消') } } }); }.bind(this), 1000); }, touchend() { clearInterval(this.Loop); },
Verwandte kostenlose Lernempfehlungen: php-Programmierung (Video)
Das obige ist der detaillierte Inhalt vonSo implementieren Sie das Löschen durch langes Drücken in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!