uniapp左滑删除,uniapp 增删改查
uniapp实现长按删除的方法:使用组件确定删除,代码为【这个loop=setTimeout(function(){ uni。显示模态({ title:删除,内容: 请问要删除本条消息吗?,】。
单一应用程序开发(仿饿了么)开发课程:进入学习
本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。
推荐(免费):uni-app开发教程
uniapp实现长按删除的方法:
1、view代码
view class= img show v-for=(item,index) in list :key=index
image:src= item。image _ path @触摸开始。prevent= touch start(index) @ touch end。防止=触摸结束/图像
/查看2、script代码
触摸开始(索引){
让那个=这个;
间隙(这个。循环);//再次清空定时器,防止重复注册定时器
这个Loop=setTimeout(function() {
uni.showModal({
标题: 删除,
内容: 请问要删除本条消息吗?,
成功:异步函数(资源){
if (res.confirm) {
var id=the。列出[索引].编号
让数据=等待. http。post( API/shop/shop _ qualification _ image/delete ,{
id:id,
}).然后(函数(数据){
console.log(用户点击确定)
}).catch(function(data){ });
} else if (res.cancel) {
console.log(用户点击取消)
}
}
});
}.绑定(这个),1000);
},
touchend() {
间隙(这个。循环);
},相关免费学习推荐:php编程(视频)
以上就是uniapp如何实现长按删除的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。