微信小程序长按删除图像实现

小程序实现了如何处理指定图片的长按删除。下面描述长按删除指定图片的操作过程。

小程序实现长按删除指定的图片。如何解决长记事件？如何获取当前长按元素的下标？如何删除元素？ 小程序实现长按删除指定的图片解决方案

使用bindlongpress完成长按事件（不会与click事件bindtap冲突）;

在wxml中添加索引索引，然后在js中使用currentTarget.dataset.index来获取当前元素下标

通过splice方法删除splice（index，1），删除当前元素

具体实施

将bindlongpress='deleteImage'data-index='{{index}}'添加到wxml以绑定事件并添加索引索引

deleteImage: function（e）{var that=this; var images=that.data.images; var index=e.currentTarget.dataset.index; //获取当前长按图像下标wx.showModal（{title:''，内容:'您确定要删除此图片吗？'，成功:函数（res ）{if（res.confirm）{console.log（'Click OK'）; images.splice（index，1）;} else if（res.cancel）{console.log（'click canceled'）; return false; } that.setData（{images}）;}}）}

删除部分代码

注意currentTarget和target currentTarget之间的区别:事件的当前元素及其子元素将触发事件:绑定事件。子元素不会被触发事件

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。