vue微信分享

1.安装cnpm i weixin-js-sdk --save

//引入
import wx from "weixin-js-sdk"

//把当前url作为参数传给接口生成微信分享签名
 const Params={
        url:encodeURIComponent(document.location.href.split('#')[0])
 }

2.分享函数

 //微信分享方法
 WxSharMenu(){
       wx.config({
//注意appId,timestamp,nonceStr,signature四个参数，就是把当前url作为参数请求接口，是接口返回生成的
          debug: false, //生产环境需要关闭debug模式
          appId: this.wxpShare.appId, //appId通过微信服务号后台查看
          timestamp: this.wxpShare.timestamp, //生成签名的时间戳
          nonceStr:this.wxpShare.nonceStr, //生成签名的随机字符串
          signature: this.wxpShare.signature, //签名
          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData']//需要调用的JS接口列表

        });
        //分享参数，标题，描述，链接，图片title,desc,link,imgUrl
         wx.ready(() => {
          wx.updateAppMessageShareData({
            title: this.sharetitle,
            desc: this.sharedescs,
            link:this.wxsharelink,
            imgUrl: this.shareimg,
            success: function () {
              // 设置成功
              //alert("分享朋友圈设置成功")
            }
          })
          wx.updateTimelineShareData({
            title: this.sharetitle,
            desc:  this.sharedescs,
            link: this.wxsharelink,
            imgUrl: this.shareimg,
            success: function () {
              // 设置成功
              //alert(desc)
            }

          })
      });
    },

3.效果