在微信公众号H5里面可能会遇到点击图片预览,还可以放大缩小,微信内置有这个功能可以实现
用vue写项目的话,先
cnpm install weixin-js-sdk --save
接着给图片一个点击事件
<img src="" alt="" @click="preview()">data:{url:"" //图片地址,imgList:[]}methods:{preview(){const _this = this;let nowImgUrl = this.url;if (!_this.imgList.includes(nowImgUrl)) {_this.imgList.push(nowImgUrl);}WeixinJSBridge.invoke("imagePreview", {urls: _this.imgList,current: nowImgUrl,})},}
在微信开发者工具里面无法显示这个效果,只有在手机上才会有这个效果,所以建议在手机上调试
如果觉得《微信公众号H5点击图片预览(可放大缩小) 用微信内置jssdk实现》对你有帮助,请点赞、收藏,并留下你的观点哦!