import { mapGetters } from 'vuex'
...mapGetters(['userInfo', 'logoInfo'])
import wxapi from '@/utils/wxShare'
// 用于微信JS-SDK回调
wxRegCallback() {
// 分享的时候带上自己的member_id
const member_id = this.userInfo.member_id
this.wxShareTimeline(member_id)
this.wxShareAppMessage(member_id)
},
// 微信自定义分享到朋友圈
wxShareTimeline(member_id) {
let option = {
title: this.wxshare.content, // 分享标题, 请自行替换
link: window.location.href + '?member_id=' + member_id, // 分享链接,根据自身项目决定是否需要split
imgUrl: this.wxshare.avatar, // 分享图标, 请自行替换,需要绝对路径
success: () => {
alert('分享成功')
},
error: () => {
// alert('已取消分享')
}
}
// 将配置注入通用方法
wxapi.ShareTimeline(option)
},
// 微信自定义分享给朋友
wxShareAppMessage(member_id) {
let option = {
title: this.wxshare.content, // 分享标题, 请自行替换
desc: this.wxshare.content, // 分享描述, 请自行替换
link: window.location.href + '?member_id=' + member_id, // 分享链接,根据自身项目决定是否需要split
imgUrl: this.wxshare.avatar, // 分享图标, 请自行替换,需要绝对路径
success: () => {
this.$toast.success('分享成功')
},
error: () => {
// alert('已取消分享')
}
}
// 将配置注入通用方法
wxapi.ShareAppMessage(option)
},
WxShare(item) {
this.wxshare.content = item.content
this.wxshare.avatar = item.member.headimg
this.showWxShare = true
//微信分享
wxapi.wxRegister(this.wxRegCallback())
},