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

代码

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

相关推荐
毕设源码-朱学姐2 小时前
【开题答辩全过程】以 基于微信小程序的大学生安全素质综合培养平台设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
Java.慈祥10 小时前
速通-微信小程序 5Day
java·微信小程序·小程序·npm
全栈小511 小时前
【小程序】微信小程序slice方法分割无效,单独输出一直为空,这是为什么呢
微信小程序·小程序·数组分割
予你@。11 小时前
uni-app(Vue3)实现自定义 Tab 切换滑块效果(微信小程序)
vue.js·微信小程序·uni-app
烟囱土著1 天前
如何让相册「动」起来❓看这里❗
微信·微信小程序·小程序
HashTang1 天前
【AI 编程实战】第 11 篇:让小程序飞起来 - 性能优化实战指南
前端·uni-app·ai编程
azhou的代码园1 天前
基于SpringBoot与微信小程序的招聘管理系统的设计与实现
spring boot·微信小程序·毕业设计·求职招聘小程序
lruri1 天前
记录一个修复nvue文件在vscode里面提示ts-plugin报错
uni-app
蓝帆傲亦1 天前
Web前端Mock数据实战指南:正确使用Mock.js提升开发效率
微信小程序·小程序·uni-app
00后程序员张1 天前
iOS 应用代码混淆,对已编译 IPA 进行类与方法混淆
android·ios·小程序·https·uni-app·iphone·webview