微信公众号H5点击图片预览(可放大缩小),用微信内置jssdk实现
在微信公众号H5里面可能会遇到点击图片预览,还可以放大缩小,微信内置有这个功能可以实现用vue写项目的话,先cnpm install weixin-js-sdk --save接着给图片一个点击事件<img src="" alt="" @click="preview()">data:{url:""//图片地址,imgList:[]}methods:{preview(){const _th
·
在微信公众号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,
})
},
}
在微信开发者工具里面无法显示这个效果,只有在手机上才会有这个效果,所以建议在手机上调试
更多推荐
已为社区贡献25条内容
所有评论(0)