uniapp制作微信小程序分享功能的实现

分享功能有很多种做法,我这里只说我遇到的一种,分享指定的单个页面给好友看,那么我参考的资料是uni-app官网的,链接在此:分享 | uni-app官网

我需要实现的功能其实是uni-app自带的分享功能,主要是去实现点击右上角三个点然后弹出的分享功能:

可以看到现在还没有实现该功能,但是我们去官网可以看到官网自带一个分享功能的函数,函数名称为:onShareAppMessage

具体的需要填写的携带的参数大家可以去官网查询,我这里只是实现一个最简单的分享功能,比如要实现当前页面的分享,只需要在当前页面的script代码中添加下面这一段就可以了(注意和onload,created等生命周期同级):

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		},
		onShareAppMessage() { // 分享到微信好友
			return {
				title: '详情页面',
				path: '/pages/qqqyfx/qqqyfx',
				imageUrl: '../../static/home-png/icon-1-2ymjss.png',
			}
		},
	}
</script>

上面的onShareAppMessage加进去以后就会发现,我们在对应的页面就可以实现分享的功能了,如果想点击当前页面分享另外的页面,只修要在路径path中切换成对应的即可,不仅限制于分享当前页面:

那么这个简单的分享功能就实现了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

执笔绘江山

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值