微信分享(备份)

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())
    },

推荐阅读更多精彩内容