### [如何在小程序页面内进行转发操作](https://www.prosaas.cn/article/16446)

**Published:** 2021-02-24T02:11:44

**Author:** 5201314

**Excerpt:** 我们先来看看官方文档上的内容：官方文档上说通过给 button 组件设置属性 open-type="share…

![](https://img.php.cn/upload/article/202102/24/2021022410112777249.jpg)

我们先来看看官方文档上的内容：

官方文档上说通过给 button 组件设置属性 open-type="share"，可以在用户点击按钮后触发 Page.onShareAppMessage 事件，相关组件：button。

官网文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html

![](https://img.php.cn/upload/image/286/925/923/1614132363195817.png)

![](https://img.php.cn/upload/image/583/271/204/1614132377709631.png)

第一种情况 点击小程序转发

![](https://img.php.cn/upload/image/611/432/694/1614132415731573.png)

![](https://img.php.cn/upload/image/550/933/965/1614132431888281.png)

不加入参数

  //转发
  onShareAppMessage: function() {
    let users = wx.getStorageSync('user');
    if (res.from === 'button') {}
    return {
      title: '转发',
      path: '/pages/index/index',
      success: function(res) {}
    }
  }

加入参数

  //转发
  onShareAppMessage: function() {
    let users = wx.getStorageSync('user');
   if (res.from === 'button') {}
    return {
      title: '转发',
      path: '/pages/index/index?from\_uid=' + users.id,
      success: function(res) {}
    }
  }

第二种：分享

![](https://img.php.cn/upload/image/139/764/866/1614132490571799.png)

这个分享必须做成button 且加上 open-type="share"

不加入参数

  onShareAppMessage: function (res) {
    if (res.from === 'button') {
    }
    return {
      title: '转发',
      path: '/pages/index/community/topic/topic',
      success: function (res) {
        console.log('成功', res)
      }
    }
  }

加入参数

  //转发
  onShareAppMessage: function (res) {
    if (res.from === 'button') {
 
    }
    return {
      title: '转发',
      path: '/pages/index/community/topic/topic?jsonStr=' + this.data.list,
      success: function (res) {
        console.log('成功', res)
      }
    }
  }

![](https://img.php.cn/upload/image/999/408/172/1614132541899686.png)

提醒：这里转发的参数要在onLoad 的options 运用

![](https://img.php.cn/upload/image/385/498/872/1614132577874219.png)

相关推荐：小程序开发教程

以上就是如何在小程序页面内进行转发操作的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---