By Ne0 — Nov 14, 2018

vue：调用微信图片预览功能

方案一：

1.在index.html页面引入js

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

2..vue文件的html中

<div class="image"><img :src="item.content" @click="seeBigTu(item.content)"> </div>

3.函数调用


seeBigTu(value) {
          
  WeixinJSBridge.invoke('imagePreview', {
     'urls': [value],
     'current': value
  });
             
}

方案二：

1.npm安装：

npm install weixin-js-sdk --save

2.在main.js里面引入

import wx from 'weixin-js-sdk';

3. 同方案一 3