【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回调函数已经失效,无法用回调函数监听用户是否成功分享。
官方对于分享功能的调整的说明链接

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

你可能感兴趣的:(项目中的学习,小程序,前端,uniapp)