vue 长按删除

 <div class="group-box" v-for="(item,index) in templateDate" :key="index"
              @touchstart="showDeleteButton(item,index)" @touchend="clearLoop(item,index)">
</div>

js

showDeleteButton(item,index,e) {
      let this_=this
      clearTimeout(this.Loop); //再次清空定时器,防止重复注册定时器
      this.Loop = setTimeout(function() {
        this_.removeImage(item,index)
      }.bind(this), 1000);
    },
    clearLoop(e) {
      clearTimeout(this.Loop);
    },
    removeImage(item,index){//删除图片
      this.removeIndex=-1
      this.removeIndex = index
      this.setColorLine(index, item.template.imgSize.length-1, item.template.tpSize) 
    },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容