本文介绍了如何在小程序中开发分享功能，通过WXML代码展示分享按钮的设置，并详细解析了`onShareAppMessage`函数的逻辑，包括从按钮和右上角分享的不同处理方式，以及分享成功后的回调操作，实现分享计数的更新。
wxml:
<view class="col-class zan-col zan-col-8"><button open-type='share' data-title="{{articleinfo.title}}" data-id="{{articleinfo.article_id}}" data-share="{{articleinfo.share}}"><image src="../../resource/images/share.png" style="width:25px;height:20px;"></image> {{articleinfo.share}}</button></view>
onShareAppMessage: function (res) {
var that = this,title='',id='',flag=0,share=0;
console.log(res);
//button按钮分享
if (res.from === 'button') {
title = res.target.dataset.title;
id = res.target.dataset.id;
share = parseInt(res.target.dataset.share)+1 ;
flag = 1;
} else {
//右上角分享
title = "优睿科技";
}
// 分享到群聊
wx.showShareMenu({
withShareTicket: true
})
return {
title:title,
complete:function(res){
if (res.errMsg == 'shareAppMessage:ok') {
// 分享成功
wx.showToast({
title: '分享成功',
})
if(flag==1){
app.util.request({
url: "entry/wxapp/share",
data: { article_id: id },
success: function (res) {
that.setData({
'articleinfo.share': share
})
}
})
}
}else{
wx.showToast({
title: '分享失败',
})
}
}
}
},
扫一扫
4783
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
