以下是一个简单的示例：
// 在页面 onLoad 生命周期中调用 wx.showShareMenu 显示转发按钮
onLoad: function (options) {
wx.showShareMenu({
withShareTicket: true, // 是否使用带 shareTicket 的转发
success: function (res) {
console.log('转发按钮显示成功');
},
fail: function (res) {
console.log('转发按钮显示失败');
}
});
},
// 监听用户点击右上角转发按钮时的事件
onShareAppMessage: function (options) {
return {
title: '分享标题',
path: '/pages/index', // 分享的页面路径
imageUrl: '/images/share.jpg', // 分享的图片地址，可以是相对路径或网络图片地址
success: function (res) {
console.log('分享成功');
},
fail: function (res) {
console.log('分享失败');
}
};
}
在这个示例中：
- 在 onLoad 生命周期中调用 wx.showShareMenu 显示转发按钮，并可以设置是否使用带 shareTicket 的转发。
- 使用 onShareAppMessage 事件监听用户点击右上角转发按钮时的事件，可以返回一个包含 title、path 和 imageUrl 等字段的对象，用于配置转发的内容。其中，title 是转发的标题，path 是转发的页面路径，imageUrl 是转发的图片地址。
注意：
- wx.showShareMenu 和 onShareAppMessage 需要在页面的生命周期函数中调用。
- wx.showShareMenu 在某些条件下可能无法直接调用，例如在页面栈的根页面，可以在 onShow 生命周期中调用。
- wx.showShareMenu 需要在用户点击转发按钮前调用才能生效。
转载请注明出处：http://www.zyzy.cn/article/detail/1043/微信小程序