微信小程式開發關於分享功能中怎麼定義同一個頁面中不同的按鈕觸發不同的分享內容,或者右上角的分享和頁面中分享

Day____Day____Up發表於2018-02-09
微信小程式

微信小程式分享中分為點選右上角的分享和點選按鍵(即是button元件)的分享.而不同按鍵的分享可以通過id屬性來區分,具體實現如下:

.js頁面中程式碼

//分享功能
onShareAppMessage: function (res) {
var that = this;
//分享的型別為按鍵型別
if (res.from == "button") {
//分享為按鍵中的求助即id=1
if (res.target.id == 1) {
    
   return {
   title: '按鍵1要分享的標題',
    path: '/pages/index/index',
    success: function (res) {

  }
  }

}
//分享為按鍵中的分享即id=2
   if (res.target.id == 2) {
return {
   title: '按鍵2要分享的標題',
    path: '/pages/index/index',
    success: function (res) {

  }
  }

}

}

//分享型別中右上角的分享
else {
     
return {
   title: '點選右上角要分享的標題',
    path: '/pages/index/index',
    success: function (res) {

  }
  }


}
}



在wxml頁面中程式碼:

<button class="share-btn" open-type="share" id="1"></button><!-- 按鍵1 -->
<button class="share-btn" open-type="share" id="2"></button><!-- 按鍵2 -->

其中分享按鈕的程式碼一定是如上格式,要區分不同的按鈕的只需改變其中的id值來區分.


綜上,在分享函式onShareAppMessage:function(res){  } 函式中,回撥引數具體功能如下

res.from = 'menu' 表示右上角的點選分享(或稱轉發)

res.from = 'button' 表示是按鍵觸發的分享

res.target.id 的值是表示按鍵button標籤中的id的值.

相關文章