美文网首页
vue 长按删除

vue 长按删除

作者: 給我小鱼干 | 来源:发表于2019-06-04 17:16 被阅读0次
 <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) 
    },

相关文章

网友评论

      本文标题:vue 长按删除

      本文链接:https://www.haomeiwen.com/subject/lxsrxctx.html