微信小程序点击分享功能

最新推荐文章于 2025-10-24 17:52:25 发布

原创最新推荐文章于 2025-10-24 17:52:25 发布 · 2.2w 阅读

11 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个小程序中实现自定义分享功能的方法。通过使用微信小程序提供的API，可以在页面中加入一个分享按钮，当用户点击该按钮时，会弹出分享面板让用户选择分享给好友或朋友圈。代码示例展示了如何设置分享的标题、路径以及成功或失败后的回调函数。

[html部分]

 <view class="usermotto carDesc carDesc1">
    <!-- <button class="user-motto share">{{motto}}</button> -->
     <button class='share user-motto' id="shareBtn" open-type="share"  hover-class="other-button-hover">   
        {{motto}}
    </button>
  </view>

[js部分]

pages({

  data: {
    tempFilePaths: '',
    motto: '分享给朋友',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  //分享按钮函数
  onShareAppMessage: function (ops) {
    if (ops.from === 'button') {
      // 来自页面内转发按钮
      console.log(ops.target)
    }
    return {
      title: 'XXX小程序',
      path: 'pages/index/index',
      success: function (res) {
        // 转发成功
        console.log("转发成功:" + JSON.stringify(res));
      },
      fail: function (res) {
        // 转发失败
        console.log("转发失败:" + JSON.stringify(res));
      }
    }

  },