uniapp에서 길게 누르기 삭제를 구현하는 방법

Uniapp은 길게 누르기 삭제 방법을 구현합니다. 구성요소를 사용하여 삭제를 확인하면 코드는 [this.Loop = setTimeout(function() {uni.showModal({title: 'Delete',content: '이 항목을 삭제하시겠습니까?) message?'

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전, thinkpad t480 컴퓨터

권장 (무료): uni-app 개발 튜토리얼

uniapp 길게 눌러 삭제하는 방법:

1, 코드 보기

<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, 스크립트 코드

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);
},

관련 무료 학습 권장 사항: php 프로그래밍(동영상)

위 내용은 uniapp에서 길게 누르기 삭제를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!