uniapp vue3 分享微信好友 携带参数

在 UniApp 中使用 Vue3 进行微信好友分享功能，并携带自定义参数，可以借助微信的 JSSDK 来实现。首先，你需要安装微信官方提供的 `uni-share` 插件，可以在项目配置文件 `config.json` 的 `framework` 部分添加：

{
  "framework": {
    "plugins": {
      "uni-share": {}
    }
  },
  // ...
}

然后，在需要分享的页面，引入并初始化 `uni-share` 组件，设置分享内容和参数：

<template>
  <view>
    <uni-share :title="shareTitle" :link="shareLink" :description="shareDescription">
      <!-- 自定义参数 -->
      <block v-if="hasCustomParams">
        <uni-share-action name="sessionFromWechatFriend" data={{ customParams }} />
      </block>
    </uni-share>
  </view>
</template>

<script setup>
import { onMounted } from 'vue';
import { share } from '@dcloudio/uni-share';

const shareTitle = '我的分享标题';
const shareLink = 'https://example.com/share';
const shareDescription = '这是一段描述信息';
let hasCustomParams = true; // 根据需求设置是否携带自定义参数
let customParams = {
  key1: 'value1',
  key2: 'value2'
}; // 这里填写你想要传递给微信好友的具体参数

onMounted(() => {
  share({
    title: shareTitle,
    link: shareLink,
    desc: shareDescription,
    scene: 'friend', // 表示分享到微信好友
    success: () => console.log('分享成功'),
    fail: (res) => console.error(res)
  });
});
</script>

在这里，`customParams` 对象是你自定义的键值对，会在用户点击分享按钮时作为参数传递给接收方。当`hasCustomParams`为真时，才会显示带有自定义参数的分享选项。