vue.js - vue 关于微信分享 / 我该怎么调用这些方法。。。

问题描述

问 题

  methods: {
      //微信分享使用方法
      wxInit() {
        let links = window.location.href;  //分享出去的链接
        let title = 'text';   //分享的标题
        let desc = 'ddddddddddd';  //分享的详情介绍
        wx.config({
          debug: false,
          appId: '11111111',
          timestamp: 1414587457,
          nonceStr: 'Wm3WZYTPz0wzccnW',
          signature: '0f9de62fce790f9a083d5c99e95740ceb90c27ed',
          jsApiList: [
            'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo'
          ]
        });
          //直接调用 这样能成功吗
        wx.ready(function () {
          // alert("done")
          // alert(title)
          wx.onMenuShareQQ({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: links, // 分享链接
            imgUrl: sd.cover, // 分享图标
            success: function () {
              // 分享纪录
              alert("成功分享给QQ")
            },
            cancel: function () {
              alert("分享失败,您取消了分享!")
            }
          });

          wx.onMenuShareTimeline({
            title: title, // 分享标题
            link: links, // 分享链接'
            imgUrl: sd.cover, // 分享图标
            success: function () {
              // 分享纪录
              alert("分享到朋友圈成功")
            },
            cancel: function () {
              alert("分享失败,您取消了分享!")
            }
          });
          //微信分享菜单测试
          wx.onMenuShareAppMessage({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: links, // 分享链接
            imgUrl: sd.cover, // 分享图标
            success: function () {
              // 分享纪录
              alert("成功分享给朋友")
            },
            cancel: function () {
              alert("分享失败,您取消了分享!")
            }
          });

          wx.onMenuShareWeibo({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: links, // 分享链接
            imgUrl: sd.cover, // 分享图标
            success: function () {
              // 分享纪录
              alert("成功分享给朋友")
            },
            cancel: function () {
              alert("分享失败,您取消了分享!")
            }
          });
        });
        wx.error(function (res) {
           alert("error")
          // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });
      },

一脸懵逼/ 不知道。 怎么去实现。。 求大神帮忙讲解讲解。。

解决方案

wx.config 不能随便填
wx.config 不能随便填
wx.config 不能随便填
重要的事情说三遍
配置通过后才能调用微信其他接口

详细的可以看微信的文档https://mp.weixin.qq.com/wiki...

微信官方demo： http://203.195.235.76:8080/js...

这篇关于vue.js - vue 关于微信分享 / 我该怎么调用这些方法。。。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！