uni.app点击按钮实现分享功能

uni.app（原DCloud）是一款基于Vue.js的开源框架，用于快速构建跨平台的H5应用。在uni.app中，实现分享功能通常涉及到使用内置的`uni-share`组件。以下是一个简单的步骤：

1. 引入依赖：在页面的wxml文件中引入`uni-share`组件，并在对应的js文件里注册。

<!-- wxml -->
<view>
  <uni-share title="Uni-app分享" path="/your/path" />
</view>

2. 设置分享选项：在js文件中配置你想支持的分享渠道和标题、描述等信息。你可以设置微信、QQ、朋友圈等多种平台。

// js
Page({
  data() {
    return {
      shareOptions: {
        title: 'Uni-app分享测试',
        desc: '这是一个来自uni.app的分享内容',
        path: '/pages/your/share-page',
        // 更多其他渠道可以参考uni.share文档
        wechat: {
          type: 'timeline', // 分享到朋友圈，默认'朋友'
        },
        qzone: {},
      }
    };
  },
  onShareAppMessage: function (res) {
    return this.data.shareOptions;
  }
})

3. 触发分享：在你需要触发分享的地方，比如按钮点击事件中调用`onShareAppMessage`。

<button bindtap="handleShare">点击分享</button>

methods: {
  handleShare() {
    uni.share(this.data.shareOptions);
  }
}