锐客网

  1. 首页 > 睿知 > it技术 > >

uni-app中长按删除

IT知识uni-app

临文乍了了，彻卷兀若无。这篇文章主要讲述uni-app中长按删除相关的知识，希望能为你提供帮助。
【uni-app中长按删除】1、view代码
< view class="imgShow" v-for="(item,index) in list" :key="index">
< image :src="https://www.songbingjia.com/android/item.image_path" @touchstart.prevent="touchstart(index)"@touchend.prevent="touchend"> < /image>
< /view>
2、script代码
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 = https://www.songbingjia.com/android/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);
},
 

    推荐阅读


    上一篇：uni-app 发布小程序时的坑（本地运行没毛病）

    下一篇：下安卓中封装的双击和单机事件