uniapp点击按钮弹出分享vue3

在Vue3中，使用uni-app开发时，若想实现点击按钮弹出分享功能，你可以借助`uni.share`这个API。首先，在组件内安装必要的依赖，如`uni-statistics`库：

<template>
  <button @click="handleShare">分享</button>
</template>

<script setup>
import { onSharedEvent } from '@dcloudio/uni-statistics';

function handleShare() {
  const shareOptions = {
    title: '这是一个标题', // 分享到微信、QQ等应用的标题
    path: '/path/to/share', // 要分享的内容链接
    desc: '这是分享描述', // 描述信息
    imageUrl: 'https://yourimage.com', // 图片地址
    success: (res) => {
      console.log('分享成功', res);
    },
    fail: (err) => {
      console.error('分享失败', err);
    }
  };

  onSharedEvent(shareOptions);
}
</script>

在上面的代码中，当用户点击"分享"按钮时，会触发`handleShare`函数，该函数里配置了分享的各种选项。当你完成配置并调用`onSharedEvent`时，就会弹出系统默认的分享面板。

注意：`uni-statistics`库需要在uni-app项目中启用统计功能，并且需要在config.json文件中添加相关的配置。