uniapp如何实现长按删除

小羊要吃狼

1、view代码

[JavaScript] 纯文本查看 复制代码

<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、script代码

[JavaScript] 纯文本查看 复制代码

touchstart(index) {  　　let that = this;  　　clearInterval(this.Loop); //再次清空定时器，防止重复zc定时器  　　　　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);  },