【uniapp小程序】分享功能onShareAppMessage函数传参数-Toy模板网

这篇具有很好参考价值的文章主要介绍了【uniapp小程序】分享功能onShareAppMessage函数传参数。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

【uniapp小程序】onShareAppMessage函数传参数

小程序中分享功能需要在button组件中添加open-type:“share”，当点击button的时候就会调用onShareAppMessage函数。如果需要将按钮的参数传入给函数，使用:data-属性=值

<button class="discount-right-share" size="mini" open-type="share" :data-coupon="item">
	转<br/>赠<br/>他<br>人
</button>

1、使用onShareAppMessage函数。在页面的js文件中定义了 onShareAppMessage 函数时，页面可以表示该页面可以转发。可以在函数中设置页面转发的信息。
（1）只有定义了该函数，小程序右上角的菜单中才会有转发按钮
（2）用户点击转发按钮的时候回调用该函数
（3）该函数内需要 return 一个 Object，Object中包含转发的信息（可自定义转发的内容）

2、在页面使用，one-type=”share”,点击会调用onShareAppMessage函数。

注意!!! onShareAppMessage是页面的方法, 组件内不会触发。

3、由于小程序的限制，shareobj中的success\fail回调函数已经失效，无法用回调函数监听用户是否成功分享。
官方对于分享功能的调整的说明链接文章来源地址https://www.toymoban.com/news/detail-574357.html

onShareAppMessage:function(option){
			const that = this;
			let data = option.target.dataset.coupon; //取到传入的参数
			let shareobj = {
				title:'',//分享的标题
				path:"",//好友点击分享之后跳转的页面
				imageUrl: "",//分享的图片
			}
			//来自页面按钮内的分享
			if(option.from === 'button'){
				//方法
			}
			return shareobj//一定要返回对象
	},
},