實現(xiàn)效果為如下所示的小程序分享功能：
本項目是一個使用uniapp搭建的微信小程序，上線后點擊右上角的…，發(fā)現(xiàn)其中的發(fā)送給朋友和分享到朋友圈是如下圖所示的灰色不能點擊：
那么，如何設(shè)置微信小程序的分享功能呢？
第一步：在onLoad方法中寫wx.showShareMenu方法，設(shè)置menus將發(fā)送給朋友和分享到朋友圈兩個按鈕都可以點擊，此處可以查看微信小程序官方文檔
onLoad(){
wx.showShareMenu({
withShareTicket:true,
//設(shè)置下方的Menus菜單，才能夠讓發(fā)送給朋友與分享到朋友圈兩個按鈕可以點擊
menus:["shareAppMessage","shareTimeline"]
})
},
第二步：分別寫發(fā)送給朋友和分享到朋友圈的方法，方法是與data，methods等同級，切記不要寫到methods里邊文章來源：http://www.zghlxwxcb.cn/news/detail-515027.html
onShareAppMessage(res) {
if (res.from === 'button') {// 來自頁面內(nèi)分享按鈕
console.log(res.target)
}
return {
title: 'title', //分享的名稱
path: '/pages/hfdt/gztjh',
mpId:'wx6bf107b87c455b99' //此處配置微信小程序的AppId
}
},
//分享到朋友圈
onShareTimeline(res) {
return {
title: '膠南街道召開“紅帆支部”觀摩學(xué)習(xí)暨工作推進會',
type: 0,
summary: "",
}
},
在需要分享的界面按照如上步驟操作即可，在模擬器中的效果為：
文章來源地址http://www.zghlxwxcb.cn/news/detail-515027.html
到了這里，關(guān)于uniapp微信小程序使用分享功能的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
