vue 长按事件,vue touch
本文主要介绍vue长按事件touch，在文章的最后给大家补充介绍一下Vue长按事件的实现代码。这篇文章给你做了非常详细的介绍，对你的学习或者工作有一定的参考价值。有需要的朋友可以参考一下。
目录
1 .触摸事件2。按住弹出的删除按钮，然后单击删除。
1.touch事件
以下是四种touch事件
触摸开始：//当手指放在屏幕上时触发
触摸移动：//手指在屏幕上滑动即可触发。
toud://当手指离开屏幕时触发
触摸取消：//当系统取消触摸事件时触发。这个好像用的比较少。
2.长按弹出删除按钮，点击删除
列表中的div v-for= item @ touch start . native= showDeleteButton(item . id) @ touch end . native= clear loop(item . id)
内容.
/div
showDeleteButton(e) {
clearTimeout(这个。循环)；//再次清零定时器，防止定时器重复注册。
这个。Loop=setTimeout(function() {
这个。$dialog.confirm({ //这是一个弹出框，使用ydui
标题：“温馨提示”，
Mes:“删除此消息”，
opts: ()={
这个。$dialog.loading.open(删除.);
这个。$http.post(这个。$store.state.ip . , {
id: e
}, {
邮件头：{}，
}).然后((响应)={
这个。$ dialog . loading . close()；
这个。$dialog.toast({
mes: response.body.info，
超时：1000
});
var data=this.rulist
console.log(数据)
for(变量i in data) {
if(data[i].id==e) {
数据拼接(I，1)
}
}
console.log(数据)
this.rulist=data
}).catch(函数(响应){
});
}
});
}.绑定(这个)，1000)；
},
clearLoop(e) {
clearTimeout(这个。循环)；
},
补充：我们来看看Vue的长按触摸事件。
开始触摸：
@touchstart=touchClose()
触摸结束：
@touchend=touchOpen()
使用示例：
关于vue长按事件触摸的这篇文章到此为止。更多关于vue长按事件触摸的信息，请搜索我们之前的文章或者继续浏览下面的相关文章。希望你以后能支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。