微信小程序中调用uni.showShareMenu没有显示分享按钮河北银丹互联网科技有限公司
第一种河北银丹互联网科技有限公司
onReady(){
wx.showShareMenu({河北银丹互联网科技有限公司
withShareTicket: true
});
// 或者
// uni.showShareMenu({
// withShareTicket: true,
// });
}
第二种
<button class="share-btn" open-type="share" @click="wx_share">立即分享事件</button>
// 通过按钮open-type打开分享只能朋友分享，目前版本暂不支持朋友圈分享
wx_share(){
wx.showShareMenu();
}
没有显示发送朋友圈按钮
注意：隐藏按钮两种情况
1：发送朋友圈与发送朋友都隐藏
2：发送朋友圈隐藏
wx.showShareMenu({
withShareTicket: true,
menus: ["shareAppMessage", "shareTimeline"],// 发送朋友，发送朋友圈
});
小程序的原生菜单中隐藏分享按钮
onLoad(options) {
uni.hideShareMenu();
//wx.hideShareMenu({
// menus: ['shareAppMessage', 'shareTimeline']
//})
},
uniapp通过mixin隐藏所有页面右上角分享按钮
//main.js
// #ifdef MP
Vue.mixin({
onLoad: function () {
wx.hideShareMenu();
}
})
// #endif
添加生命周期函数就生效，可以自定义
注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮，需要配合 menus: ["shareAppMessage", "shareTimeline"]
onLoad(){},
/*
* uniapp微信小程序分享页面到微信好友
*/
onShareAppMessage() {
return {
title: `分享朋友：${this.summary}`,
imageUrl: this.logoUrl,
success: function (res) {
console.log("success22:" + JSON.stringify(res));
},
fail: function (err) {
console.log("fail22:" + JSON.stringify(err));
},
};
},
/*
* uniapp微信小程序分享页面到微信朋友圈
*/
onShareTimeline() {
return {
title: `分享朋友：${this.summary}`,
imageUrl: this.logoUrl,
success: function (res) {
console.log("success22:" + JSON.stringify(res));
},
fail: function (err) {
console.log("fail22:" + JSON.stringify(err));
},
};
},
小程序分享时触发onShareAppMessage如何获取参数 => Promise
onShareAppMessage() {
const promise = new Promise(resolve => {
setTimeout(() => {
resolve({
title: '自定义转发标题'
})
}, 2000)
})
return {
title: '自定义转发标题',
path: '/page/user?id=123',
promise
}
}
分享图片：
分享图片 imageUrl 在页面 onload 就请求好图片资源，按照 5:4 得长宽比，大小 20k 内的网络图
————————————————
版权声明：本文为CSDN博主「I-T枭」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/hahahhahahahha123456/article/details/116786015