javascript - 用vue开发的微信小应用如何添加微信的分享功能,另外我自己摸索出来的一直报config;fail
ringa_lee
ringa_lee 2017-04-11 09:04:43
[JavaScript讨论组]

技术:vue1x,vuex1x

已解决,前台这么写没有问题。

图片描述

<template>
  <h3 style="display:none"></h3>
</template>
<script type="text/javascript">
  import store from './../../vuex/store'
  import {getShare,getHotelId}  from './../../vuex/getter'
  import wx from 'weixin-js-sdk'
export default {
  data () {
    return {
    }
  },
  store,
  ready(){
    this.wxinit(this.getShare)
  },

  methods:{
       wxinit(shareobj) {
      wx.config({
        debug: true,
        appId: shareobj.appId,
        timestamp: shareobj.timestamp,
        nonceStr: shareobj.nonceStr,
        signature: shareobj.signature,
        jsApiList: [
          'onMenuShareTimeline', //
          'onMenuShareAppMessage', //
          'onMenuShareQQ',
          'onMenuShareWeibo',
          'onMenuShareQZone'
        ]
      });
      wx.ready(function() {
        var shareObj = { // 
          title: shareobj.share_title,
          desc: shareobj.share_content,
          link: shareobj.url,
          imgUrl: shareobj.share_img,
        };

        wx.onMenuShareTimeline({
          title: shareObj.title, // 
            desc: shareObj.desc, // 描述
          link: shareObj.link, // 
          imgUrl: shareObj.imgUrl, // 
          success: function(res) {},
          cancel: function(res) {}
        });
      //分享到好友
        wx.onMenuShareAppMessage({
            title: shareObj.title, // 标题
            desc: shareObj.desc, // 描述
            link: shareObj.link, // 链接
            imgUrl: shareObj.imgUrl, // 图片
            success: function(res) {},
            cancel: function(res) {},
        });        //
        wx.onMenuShareQQ({
          title: shareObj.title,
          desc: shareObj.desc,
          link: shareObj.link,
          imgUrl: shareObj.imgUrl,
          success: function(res) {},
          cancel: function(res) {}
        });

        //
        wx.onMenuShareWeibo({
          title: shareObj.title,
          desc: shareObj.desc,
          link: shareObj.link,
          imgUrl: shareObj.imgUrl,
          success: function(res) {},
          cancel: function(res) {}
        });

        //
        wx.onMenuShareQZone({
          title: shareObj.title,
          desc: shareObj.desc,
          link: shareObj.link,
          imgUrl: shareObj.imgUrl,
          success: function(res) {},
          cancel: function(res) {}
        });
      });
      wx.error(function(res) {
        // 
        console.log(res)
      });
    }
  },
  vuex:{
    getters:{getShare},
  }
}
</script>
ringa_lee
ringa_lee

ringa_lee

全部回复(1)
巴扎黑

config fail这个就是配置的错误,先检查一下配置是否设置正确 timestamp nonceStr signature

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号