说明
最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹
需求:
长按删除指定图片
需要解决的问题
- 长按事件如何表示出来?
- 如何获取当前长按元素的下标?
- 如何删除元素?
解决办法
- 长按事件是用bindlongpress(不会跟点击事件bindtap冲突);
- 在wxml中添加索引index,然后在js中用currentTarget.dataset.index获取当前元素下标
- 通过splice方法删除splice(index,1),删除一个当前元素
具体实现
在wxml中添加 bindlongpress="deleteImage" data-index="{{index}}" 来绑定事件并添加索引index
删除部分的代码
注意currentTarget与target的区别
1. currentTarget:绑定的事件当前元素及其子元素都会触发
2. target: 绑定的事件 子元素不会被触发事件
效果展示
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。