button按钮分享

最新推荐文章于 2024-07-17 18:05:15 发布

原创最新推荐文章于 2024-07-17 18:05:15 发布 · 456 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#radiobutton

这篇博客介绍了如何在微信小程序中实现按钮点击分享的功能。通过在wxml中添加<button>组件并设置open-type='share'，然后在js中调用wx.showShareMenu和wx.updateShareMenu方法来显示和更新分享菜单。同时，还展示了处理用户信息的逻辑，确保分享时用户信息已获取。

(wxml)

(js)写在onLoad里

wx.showShareMenu({
withShareTicket: true
});
wx.updateShareMenu({
withShareTicket: true,
success() {
console.log("分享成功");
}
});

if (app.globalData.userInfo) {
this.setData({
userInfo: app.globalData.userInfo,
hasUserInfo: true
})
} else if (this.data.canIUse){
// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
app.userInfoReadyCallback = res => {
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
} else {
// 在没有 open-type=getUserInfo 版本的兼容处理
wx.getUserInfo({
success: res => {
app.globalData.userInfo = res.userInfo
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
})
}