1.点击右上角转发菜单实现转发/分享
- 点击右上角胶囊按钮的转发菜单
2.点击’转发’
3. 最终效果如图所示:
- wxml部分代码如下:
<text>hello world!</text>
- js部分代码如下:
onShareAppMessage: function (res) {console.log(res.from)return {title: '标题标题标题',//自定义转发标题path:'/pages/home/home',//当前页面的路径 ，必须是以 / 开头的完整路径// imageUrl: ''//不设置此字段时，默认截取当前页面作为展示的图片}
}
2.点击页面内按钮实现转发/分享
-
点击页面中的分享按钮
-
最终效果如图所示:
-
wxml部分代码如下所示：
<button open-type="share" type="primary">分享</button>
- js部分代码如下所示:
data: {pic: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2846167449,2464562408&fm=26&gp=0.jpg' //网络图片路径
},/**1. 用户点击右上角分享*/
onShareAppMessage: function (res) {var that = this;console.log('转发事件的来源',res.from)console.log(that.data)return { //自定义转发内容title: '这是一个页面', //自定义转发标题path: '/pages/user/user', //当前页面的路径 ，必须是以 / 开头的完整路径imageUrl: that.data.pic//不设置此字段时，默认截取当前页面作为展示的图片}
}
注意
- onShareAppMessage处理函数需要 return 一个 Object，用于自定义转发内容
title为转发标题,不设置此字段时，默认标题为当前小程序名称path为转发路径，当前页面的路径 ，必须是以 / 开头的完整路径imageUrl为自定义图片路径（可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG），不设置此字段时，默认截取当前页面作为展示的图片
