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

代码

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

相关推荐
2501_9159184111 小时前
苹果App Store上架审核卡住原因分析与解决方案指南
android·ios·小程序·https·uni-app·iphone·webview
用户7009807357316 小时前
从零开发一个微信记账小程序,零依赖、附完整源码
微信小程序
左师佑图19 小时前
微信小程序组件事件冒泡问题排查与解决方案
微信小程序·小程序
HWL567920 小时前
uni-app的生命周期
前端·vue.js·uni-app
一颗小青松20 小时前
uniapp设置安卓 ios 自定义启动页
uni-app
仙古.梦回~20 小时前
uniapp中使用plus对象实现经典蓝牙
uni-app
树下水月20 小时前
微信小程序接口,必须使用https的443端口吗?
微信小程序·小程序·https
2501_9159184121 小时前
基于Mach-O文件的动态库与静态库归属方案及API扫描实践
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063221 小时前
iOS 证书无法跨电脑使用?签名迁移方法一文讲透
android·ios·小程序·https·uni-app·iphone·webview
小王码农记21 小时前
uniapp中使用vuex
uni-app