Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie das Löschen durch langes Drücken in Uniapp

So implementieren Sie das Löschen durch langes Drücken in Uniapp

coldplay.xixi
coldplay.xixiOriginal
2020-12-14 11:07:347663Durchsuche

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?‘ ,].

So implementieren Sie das Löschen durch langes Drücken in Uniappuniapp 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: &#39;删除&#39;,
        content: &#39;请问要删除本条消息吗?&#39;,
        success:async function(res) {
          if (res.confirm) {
            var id = that.list[index].id
            let data = await that.$http.post(&#39;api/shop/shop_qualification_image/delete&#39;,{
            &#39;id&#39;:id,
          }).then(function(data){
            console.log(&#39;用户点击确定&#39;)
          }).catch(function(data){});
        } else if (res.cancel) {
          console.log(&#39;用户点击取消&#39;)
        }
      }
    });
  }.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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn