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

代码

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

相关推荐
游戏开发爱好者832 分钟前
在 Windows、Linux 与 CI 环境下命令行上传 IPA 到 App Store
linux·windows·ios·ci/cd·小程序·uni-app·iphone
sheji34161 小时前
【开题答辩全过程】以 基于微信小程序的摄影器材租赁系统设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
毕设源码-邱学长1 小时前
【开题答辩全过程】以 基于微信小程序的社团管理系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
码农客栈2 小时前
小程序学习(十三)之请求和上传文件拦截器
小程序·uni-app
风景的人生3 小时前
小程序接收respose中的数组
前端·微信小程序·小程序
龙井>_<3 小时前
uniapp“手搓”一个年月选择器模态框(兼容多端)
uni-app
谷哥的小弟3 小时前
图片上传自动人脸打码:微信小程序隐私保护实践
微信小程序·人脸识别·图片上传·马赛克·隐私保护·自动打码
夏天想3 小时前
微信小程序使用pinia-plugin-persistedstate报错找不到localstorage
微信小程序·小程序
web_Hsir3 小时前
uniapp + vue2 + pfdjs + web-view 实现安卓、iOS App PDF预览
android·前端·uni-app
peachSoda73 小时前
uniapp app使用命令行HBuilderX cli快捷打包iOS和Android
uni-app