【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//一定要返回对象
	},
},
  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值