小程序分享链接

最新推荐文章于 2024-09-18 00:33:03 发布

培根芝士

最新推荐文章于 2024-09-18 00:33:03 发布

阅读量624

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/watson2017/article/details/118541146

版权

小程序专栏收录该内容

41 篇文章 3 订阅

订阅专栏

本文介绍了如何在微信小程序中通过在button组件设置open-type='share'来触发Page.onShareAppMessage事件，实现用户点击后的转发功能。详细讲解了onShareAppMessage事件处理函数的参数及返回值，包括自定义分享的标题、路径和图片，以及成功和失败的回调处理。通过这个功能，开发者可以更好地定制小程序的分享内容。

摘要由CSDN通过智能技术生成

通过给 button 组件设置属性 open-type="share"，可以在用户点击按钮后触发Page.onShareAppMessage事件。

<button class="share-button" open-type="share"></button>

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function (e) {
    console.log(e.from)    //转发事件来源 button：页面内转发按钮 menu：右上角转发菜单
    console.log(e.target)  //如果from值是button，则target是触发这次转发事件的button，否则为undefined
    console.log(webViewUrl)  //页面中包含web-view组件时，返回当前web-view的url
    let url = '/pages/home/detail?id='+this.data.dataId+'&from=share'
    return {
      title: '标题',
      path: url,
      imageUrl: '../../images/coverimage.jpg', //缩略图，如果不设置取系统默认截图
      success: function(res) {
        // 转发成功
      },
      fail: function(res) {
        // 转发失败
      }
    }
  },