微信小程序 分享按钮 监听用户分享成功

代码

html 复制代码
<view>
	<button class="btnLq ed flex justify-center" open-type="share" @click="getAward">
		点击分享
	</button>
</view>
javascript 复制代码
export default {
	data(){
		return{
			shareMd:false,//分享埋点
		}
	},
	onShow(){
        //
		if(this.shareMd){
			uni.showToast({
				title:'分享成功了'
			})
			this.shareMd=false;
		}
	},
	methods:{
		getAward(val){
			this.shareMd=true;
		}
	}
}

代码逻辑说明

1.用户触发分享按钮之后,修改变量状态shareMd为true

2.分享成功返回重新打开进入小程序分享页面

3.小程序页面显示时会触发onShow生命周期

4.监听到生命周期状态已经变为true了,提示分享成功

相关推荐
DK185838322521 天前
知识付费会员小程序/付费圈子系统——课程兑换码+会员体系完整实战,开源运营级方案
小程序·uni-app·开源·php
杰建云1672 天前
微信小程序自制全流程实测与避坑指南
微信小程序·小程序
kyh10033811202 天前
微信小程序 聚合摇骰喝酒工具 完整实现(含源码)
微信小程序·小程序·摇骰子小游戏
Greg_Zhong2 天前
微信小程序中实现自定义圆形进度条
微信小程序·自定义圆形进度条
好赞科技2 天前
2026年五大精选微信小程序,革新效率体验提升智能生活品质
大数据·微信小程序
陈龙龙的陈龙龙2 天前
uni-app中获取参数的几个方法
uni-app
果壳~2 天前
【Uniapp】【rich-text】富文本展示以及图片预览功能解决方案
前端·javascript·uni-app
雯0609~2 天前
微信小程序的原生开发项目如何转至uni-app
微信小程序·小程序·uni-app
四方云2 天前
Uni-app 跨端集成 SIP 电话功能(H5 + App)实战
uni-app
习明然2 天前
UniApp开发体验感受总结
前端·uni-app