位置: 编程技术 - 正文
微信小程序实现图片放大预览功能(微信小程序实现微信支付)
编辑：rootadmin推荐整理分享微信小程序实现图片放大预览功能(微信小程序实现微信支付)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:微信小程序实现文件上传,微信小程序实现留言功能,微信小程序实现人脸识别,微信小程序实现文件上传,微信小程序实现留言功能,微信小程序实现烟花,微信小程序实现留言功能,微信小程序实现留言功能,内容如对您有帮助，希望把文章链接给更多的朋友！
需求：当点击图片时，当前图片放大预览，且可以左右滑动
实现方式：使用微信小程序图片预览接口
我们可以看到api需要两个参数，分别通过下面的data-list和data-src来传到js中
wxml代码：
js代码：
1.给图片添加一个点击事件(imgYu)
2.使用event.currentTarget.dataset.自定义属性名称 来获取data-的值 如event.currentTarget.dataset.src (获取data-src的值)
3.之后将获取的两个值 放到wx.previewImage接口 里面即可
效果图片如下：可以左右滑动上一张下一张
更多内容可以查看：微信小程序教程
标签: 微信小程序实现微信支付
本文链接地址:https://www.jiuchutong.com/biancheng/369713.html 转载请保留说明！上一篇：极简主义法编写JavaScript类(极简主义分析)
下一篇：微信小程序选择图片和放大预览图片功能(微信小程序选择地址)
