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

惠民小程序小编了解到，微信小程序成为当下热门话题，下面从多个方面来谈谈微信小程序长按删除图片的实现。

最新消息， 连接小程序细数有50多种，你都知道有哪些，掌握了这些就可以使小程序实现自然增长。 怎么做好小程序?其实小程序代表一个时代的连接器。

小程序实现长按删除指定图片需要如何处理实现，下面为大家介绍实现长按删除指定图片的操作流程。

长按事件是用bindlongpress(不会跟点击事件bindtap冲突);

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

通过splice方法删除splice(index,1),删除一个当前元素

具体实现

在wxml中添加 bindlongpress="deleteImage" data-index="{{index}}" 来绑定事件并添加索引index

deleteImage: function (e) {var that = this;var images = that.data.images;var index = e.currentTarget.dataset.index;//获取当前长按图片下标wx.showModal({title: '提示',content: '确定要删除此图片吗？',success: function (res) {if (res.confirm) {console.log('点击确定了');images.splice(index,1);} else if (res.cancel) { console.log('点击取消了'); return false; }that.setData({images});}})}

删除部分的代码

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!