Vue 应用中结合vux使用微信 jssdk的方法

title:title, // 分享标题
link: link, // 分享链接
desc: desc, // 分享描述
imgUrl:imgUrl, // 分享图标
success: function () {
callback && callback();
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
//分享到朋友
Vue.wechat.onMenuShareAppMessage({
title: title, // 分享标题
desc: desc, // 分享描述
link: link, // 分享链接
imgUrl: imgUrl, // 分享图标
type: '', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
callback && callback();
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
//分享到QQ
Vue.wechat.onMenuShareQQ({
title: title, // 分享标题
desc: desc, // 分享描述
link: link, // 分享链接
imgUrl: imgUrl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
callback && callback();
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});

//分享到QQ空间
Vue.wechat.onMenuShareQZone({
title: title, // 分享标题
desc: desc, // 分享描述
link: link, // 分享链接
imgUrl: imgUrl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
callback && callback();
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});

//分享到腾讯微博
Vue.wechat.onMenuShareWeibo({
title: title, // 分享标题
desc: desc, // 分享描述
link: link, // 分享链接
imgUrl: imgUrl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
callback && callback();
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
})
})
}

输出

export {wxShare}

组件内调用

import { wxShare } from '封装wxShare函数的js路径'
 export default {
  name:'Home',
  data() { //选项 / 数import { ViewBox } from 'vux'
 export default {
  name:'Home',
  data() { //选项 / 数据
   return {
   }
  },
  methods: { //事件处理器
  },
  components: { //定义组件
  },
  created() { //生命周期函数								 
 2/3   首页 上一页 1 2 3 下一页 尾页