vue中调用微信公众号的图片预览

最新推荐文章于 2024-01-31 09:41:59 发布

little雨

最新推荐文章于 2024-01-31 09:41:59 发布

阅读量1.7k

点赞数

分类专栏：平时

本文链接：https://blog.csdn.net/qq_38890584/article/details/82869404

版权

平时专栏收录该内容

1 篇文章 0 订阅

订阅专栏

今天做项目的时候遇到这个问题，不多说废话，直接上步骤：

引入wxjs

    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

下面写个函数调用：

   /*调用微信预览图片的方法*/
        funcReadImgInfo(value) {
          
            WeixinJSBridge.invoke("imagePreview", {
                "urls": [this.HTTP + value],
                "current": this.HTTP + value
            });
             
        }

然后在html中调用它:

 <div v-for="(value,index) in commend.rReviewImgs.split(',')" class="img-list" :class="(index+1)%3==0?'noneRight':''">
                                <img v-lazy="HTTP + value" style="width:100px;height:100px;" @click="funcReadImgInfo(value)">
                            </div>

实际中的图片路径都是需要我们传入的，不过测试在微信中测试或者用微信开发者工具，建议不要用浏览器。