uniapp 分享功能-分享给朋友群聊朋友圈效果（整理）

<template>
  <button class="buttonBox posAbsolute" open-type="share">分享按钮</button>
</template>
//放某个接口下面就行
wx.showShareMenu({  
  menus: ['shareAppMessage', 'shareTimeline']
});
//转发给朋友-和methods:同级
onShareAppMessage(res) {
  return {
    title: "分享标题",
    path: "这是打开后的跳转路径", //这是打开后的跳转路径
    imageUrl: "分享图片"
  }
},
//转发朋友圈-和methods:同级
onShareTimeline(res) {
  return {
    title: "分享标题",
    path: "这是打开后的跳转路径", //这是打开后的跳转路径
    imageUrl: "分享图片"
  }
},

<button open-type="share" @share='onShareAppMessage' :data-obj="item">
  <view class="bg" @click="askClick(item)">邀请家人</view>
</button>
methods:{
  onShareAppMessage(e) {
    console.log(e, 'eeeeee')
    if (e.from == 'button') {
      // 点击button按钮分享的
      // do something
    }
    if (e.from == 'menu') {
      // 点击右上角...按钮(三个点按钮)分享的
      // do something
    }
    // 获取按钮传进来的参数 data 中的item值
    let params = e.target.dataset.obj // 获取的为 data 中定义的item值
    console.log(params, 'paramsparams')
    // title: this.itemForm.name,
    // path: "/enter/enterPage/enter?familyId=" + this.itemForm.id, //这是打开后的跳转路径
    // imageUrl: this.itemForm.crest
    return {
      title: params.name,
      path: `/enter/enterPage/enter?familyId=${params.id}`, //动态参数
      imageUrl: params.crest,
      // path: `/pages/login/login?id=123&name=名字` // 固定参数
      // path: `/pages/login/login?id=${this.info.id}&name=${this.name}`//动态参数
    }
  },
}