vue 如何调用微信分享_vue 调用微信分享 遇到的问题

关于微信分享网上有一堆的教程，就不详细说了，大致如下：

1.安装

cnpm install weixin-js-sdk --save-dev

2.新建一个share.js，与main.js放在同一层级(我只是偷懒，方便调用)

import wx from 'weixin-js-sdk'exports.install=function (Vue, options) {

Vue.prototype.shareList=function (imgUrl, link, desc, title) {//分享

var url = encodeURIComponent(location.href.split('#')[0])

Vue.http.post('http://fubala.xiemy.cn/api/' + 'Wechat/getSignPackage', {url: url}).then(function (res) {

res=res.data.data

wx.config({

debug:false, //true:调试时候弹窗

appId: res.appId, //微信appid

timestamp: res.timestamp, //时间戳

nonceStr: res.nonceStr, //随机字符串

signature: res.signature, //签名

jsApiList: [//所有要调用的 API 都要加到这个列表中

'onMenuShareTimeline', //分享到朋友圈接口

'onMenuShareAppMessage