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

代码

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了,提示分享成功

相关推荐
予你@。11 小时前
UniApp + Vue3 实现 Tab 点击滚动定位(微信小程序)
微信小程序·小程序·uni-app
游戏开发爱好者812 小时前
完整教程:App上架苹果App Store全流程指南
android·ios·小程序·https·uni-app·iphone·webview
予你@。15 小时前
uni-app progress 组件使用详解
uni-app
iOS阿玮16 小时前
春节提审高峰来袭!App Store 审核时长显著延长。
uni-app·app·apple
码云数智-大飞16 小时前
小程序商城哪个平台好?小程序商城制作平台深度对比
微信小程序
2501_9160074720 小时前
ios上架 App 流程,证书生成、从描述文件创建、打包、安装验证到上传
android·ios·小程序·https·uni-app·iphone·webview
2501_915106322 天前
iPhone 文件管理,如何进行应用沙盒文件查看
android·ios·小程序·https·uni-app·iphone·webview
kyh10033811202 天前
微信小游戏《找茬找汉字闯关王》源码赠送
microsoft·微信·微信小程序·微信小游戏·找茬小游戏·微信找茬消除
码云数智-园园2 天前
小程序制作平台有哪些?2026微信小程序制作平台综合评测
微信小程序
码云数智-大飞2 天前
小程序快速开发平台有哪些?微信小程序制作平台综合评测
微信小程序