ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

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

2026/9/18 21:36:30 拓冰建站 浏览量
微信小程序 分享按钮 监听用户分享成功

代码

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