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

代码

<view>
	<button class="btnLq ed flex justify-center" open-type="share" @click="getAward">
		点击分享
	</button>
</view>

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

相关推荐

  1. 程序 分享按钮 监听用户分享成功

    2024-01-06 18:08:02       60 阅读
  2. 程序显示和隐藏分享按钮

    2024-01-06 18:08:02       64 阅读
  3. 程序监听用户经纬度变化

    2024-01-06 18:08:02       42 阅读
  4. vue3跳转到程序成功案例,报错分析

    2024-01-06 18:08:02       58 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-06 18:08:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-06 18:08:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-06 18:08:02       82 阅读
  4. Python语言-面向对象

    2024-01-06 18:08:02       91 阅读

热门阅读

  1. 基于SpringBoot的靓车汽车销售网站

    2024-01-06 18:08:02       68 阅读
  2. Nginx部署笔记

    2024-01-06 18:08:02       69 阅读
  3. 2023新版edge浏览器页面加载不出来的解决办法

    2024-01-06 18:08:02       91 阅读
  4. 0-自然语言处理基础知识

    2024-01-06 18:08:02       54 阅读
  5. 虚拟DOM渲染到页面的过程

    2024-01-06 18:08:02       75 阅读
  6. redis单机部署

    2024-01-06 18:08:02       67 阅读
  7. 【算法部署】深度学习图像前处理C++实现

    2024-01-06 18:08:02       47 阅读
  8. Doris 数仓使用规范(经验版)

    2024-01-06 18:08:02       121 阅读
  9. 鸡兔同笼问题加强版

    2024-01-06 18:08:02       59 阅读