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

代码

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

相关推荐
林涧泣7 分钟前
【Uniapp-Vue3】页面和路由API-navigateTo及页面栈getCurrentPages
前端·vue.js·uni-app
Komorebi゛10 分钟前
【uniapp】获取上传视频的md5,适用于APP和H5
前端·javascript·uni-app
林涧泣15 分钟前
【Uniapp-Vue3】动态设置页面导航条的样式
前端·javascript·uni-app
计算机-秋大田19 小时前
基于微信小程序的校园二手交易市场的设计与实现(LW+源码+讲解)
java·后端·微信小程序·小程序·课程设计
丁总学Java19 小时前
微信小程序中常见的 跳转方式 及其特点的表格总结(wx.navigateTo 适合需要返回上一页的场景)
微信小程序·小程序
西之可乐19 小时前
微信小程序date picker的一些说明
微信小程序
林涧泣20 小时前
【Uniapp-Vue3】request各种不同类型的参数详解
前端·uni-app
WalkingWithTheWind~20 小时前
uni-app 程序打包 Android apk、安卓夜神模拟器调试运行
android·uni-app·模拟器
计算机-秋大田20 小时前
基于微信阅读网站小程序的设计与实现(LW+源码+讲解)
spring boot·后端·微信·微信小程序·小程序·课程设计
向明天乄20 小时前
小程序 uniapp 地图 自定义内容呈现,获取中心点,获取对角经纬度,首次获取对角经纬度
小程序·uni-app