微信小程序如何实现长按删除图片
发表于:2024-10-20 作者:千家信息网编辑
千家信息网最后更新 2024年10月20日,这篇文章主要为大家展示了"微信小程序如何实现长按删除图片",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"微信小程序如何实现长按删除图片"这篇文章吧。小程序实
千家信息网最后更新 2024年10月20日微信小程序如何实现长按删除图片
这篇文章主要为大家展示了"微信小程序如何实现长按删除图片",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"微信小程序如何实现长按删除图片"这篇文章吧。
小程序实现长按删除指定图片解决办法
长按事件是用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 }); } }) }
删除部分的代码
注意currentTarget与target的区别
currentTarget:绑定的事件当前元素及其子元素都会触发
target: 绑定的事件 子元素不会被触发事件
以上是"微信小程序如何实现长按删除图片"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
图片
事件
元素
程序
内容
篇文章
下标
索引
学习
帮助
中用
代码
办法
方法
易懂
更多
条理
知识
编带
行业
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
mysql+数据库脚本编写
数据库同步工具开源
服务器安全狗密码忘记了
对软件开发商表扬信模板
关于网络安全的防治
东南和西电的网络安全
如何增强我的网络安全意识
北京标准软件开发要多少钱
数据库锁死是什么导致
怎么连别人的数据库
三调数据库核心技术
阿里轻量应用服务器装宝塔
网络安全法杜绝社会工程学入侵
无线网络安全插画喵教育
软件开发组成人员
电信公司网络技术支撑是干嘛的
华为和百度的服务器
网易邮件地址收件服务器怎么搞
sql怎么查看数据库的路径
益阳软件开发培训收费
gis中shp转数据库
ftw服务器
怎么防止服务器ip暴露
网络安全教授候亮
计算机网络技术类型及特点
高仿真图 软件开发
云帮手能加几个服务器
网络安全专业做什么的
服务器u盘安装系统
什么是软件开发素材