微信小程序如何实现长按删除图片
发表于: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安全错误
数据库的锁怎样保障安全
sql数据库安全措施
软件开发公司倒闭
浙大网新网络安全
戴尔服务器查看磁盘阵列设置
超玩世界服务器
服务器厂商有哪些优点
浙江省数据库技术证书
泰安网络安全保护
肇庆市委网络安全
网络安全培训后就业
网络安全日是哪一
为什么无尽对决连不上服务器
江干区软件开发
列王的纷争服务器
密云区品牌软件开发供应
将数据库嵌入到java
郴州电脑软件开发培训学校
网络安全周算不算安全生产
连接数据库url是什么
OUO下载软件开发
红河州在线java软件开发
教学软件开发是什么
日企软件开发
电信的网络安全怎么样
大专学网络技术好不好
iphone左滑数据库不见了
产品软件网络安全声明
根域名服务器采用算法
国产服务器都是美国朝我
网络安全问题及解释