微信小程序--分享頁(yè)面功能

分享方法參考:

https://blog.csdn.net/stronglyh/article/details/97615610
http://www.itdecent.cn/p/c7b1925cd3c1

一:給按鈕綁定分享功能

<button open-type="share" class="cu-btn bg-green lg">邀請(qǐng)</button>

添加 open-type="share",表示分享

二:添加分享方法

默認(rèn)截圖是分享所在的功能頁(yè)面,高寬5:4

// 此段代碼需寫(xiě)到methods外,他是和 生命周期一級(jí)的
onShareAppMessage: function(res) {
    return { 
       title: 'xx小程序',
       path: 'pages/index/index?id=123&age=18',  // 路徑,傳遞參數(shù)到指定頁(yè)面。
       imageUrl:'../../imgs/xx.png' // 分享的封面圖
       success: function (res) {
         // 轉(zhuǎn)發(fā)成功
         console.log("轉(zhuǎn)發(fā)成功:" + JSON.stringify(res));
       },
       fail: function (res) {
         // 轉(zhuǎn)發(fā)失敗
         console.log("轉(zhuǎn)發(fā)失敗:" + JSON.stringify(res));
       }
    }
}

分享按鈕報(bào)錯(cuò):Cannot read property 'apply' of null
解決:onShareAppMessage方法代碼寫(xiě)到methods外,他是和 生命周期一級(jí)的
參考解決文檔:https://blog.csdn.net/cow66/article/details/81660888

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容