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

代码

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

相关推荐
2601_963869951 小时前
力序健身房管理系统
微信小程序·小程序
郑州光合科技余经理3 小时前
同城外卖小程序开发:下单成功后,后台导出能不能对上用户端状态
开发语言·前端·git·后端·uni-app·php·ai编程
拖孩9 小时前
给小程序加「一键发公众号贴图」,我把 wx.shareToOfficialAccount 的三个坑趟了一遍
前端·后端·微信小程序
白远山14 小时前
城市电竞陪玩调度系统实战:从派单算法到多端协同的架构拆解
java·架构·uni-app·需求分析
白远山1 天前
上海24小时自助健身房系统软件开发实战指南
java·架构·uni-app·需求分析
StevenLdh1 天前
第四期 · 云端同步与冲突仲裁:离线可写、多端一致的工程解法
java·微信小程序
m0_462803882 天前
会议签到如何设置手写签名?从创建签到到导出签名 PDF 的完整流程
微信小程序
白远山2 天前
上海24小时自助健身房系统软件开发实战指南:从需求到部署
java·架构·uni-app·需求分析
AI工具人PM产品经理2 天前
零基础微信小程序入门:一个真实项目的里程碑路线图
微信小程序·云开发·学习路线·零基础入门·ai 编程
海鸥两三3 天前
小程序文档预览 · 进阶面试题
小程序·uni-app·uniapp