uniapp 微信小程序 vue2 和 vue3 微信小程序分享到微信和微信朋友圈

• 需要先设置按钮为分享按钮

<button class="to-invite bg" open-type="share" @click="toShareFn">
  分享
</button>

vue2 分享

    initMenu () {
      uni.showShareMenu({
        withShareTicket:true,
        //设置下方的Menus菜单，才能够让发送给朋友与分享到朋友圈两个按钮可以点击
        menus:['shareAppMessage','shareTimeline']
      })
    },
    
    //发送给朋友
    onShareAppMessage(res) {
      // 此处的distSource为分享者的部分信息，需要传递给其他人
      return {
        title: '#召集挑战令#我报名参加了红旗智能超充挑战赛，点击与我一起挑战不可能！',
        // path:'/pages/home/home'
      }
    },
    
    //分享到朋友圈
    onShareTimeline(res) {
      return {
        title: '#召集挑战令#我报名参加了红旗智能超充挑战赛，点击与我一起挑战不可能！',
        // path:'/pages/home/home'
      }
    },

vue3 分享

//发送给朋友
onShareAppMessage((res) => {
  // 此处的distSource为分享者的部分信息，需要传递给其他人
  return {
    title: '限时注册有礼，充电低至0元起！',
    imageUrl: '',
    path: ''
  }
})

//分享到朋友圈
onShareTimeline((res) => {
  return {
    title: '限时注册有礼，充电低至0元起！',
    imageUrl: '',
    path: 'path'
  }
})