微信小程序邀请好友

最新推荐文章于 2024-07-11 16:59:31 发布

原创最新推荐文章于 2024-07-11 16:59:31 发布 · 5.6k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #javascript #uni-app

这篇博客介绍了如何在uniapp中利用<button>组件的open-type属性实现分享功能。通过设置`open-type=share`，结合onShareAppMessage方法，可以自定义分享内容，包括分享的标题、路径及回调处理。当用户点击按钮时，会触发分享，并在成功或失败时打印相应的日志信息。

uniapp官方：https://uniapp.dcloud.io/component/button

1、使用btn触发

<button class="btn" open-type="share">立即邀请好友</button>

2、method

onShareAppMessage(res) {
			let item = {
				id: this.id,
				pid: this.infoList.user.id
			}
			console.log('id+++pid', item)
			return {
				title: '邀请好友助力',
				// path: '/pages/group_detail/group_detail?id=' + this.id + '?pid=' + this.infoList.user.id,
				path: '/pages/group_detail/group_detail?item=' + encodeURIComponent(JSON.stringify(item)),
				success: (res) => {
					// 转发成功
					console.log("转发成功:" + JSON.stringify(res));
				},
				fail: function(res) {
					// 转发失败
					console.log("转发失败:" + JSON.stringify(res));
				}
			}
		},