微信小程式一個頁面多個按鈕分享怎麼處理
阿新 • • 發佈:2018-11-19
首先呢,第一步先看api文件:
元件:button
https://developers.weixin.qq.com/miniprogram/dev/component/button.html
框架-邏輯層-註冊頁面-頁面事件處理函式:onShareAppMessage
https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#%E9%A1%B5%E9%9D%A2%E4%BA%8B%E4%BB%B6%E5%A4%84%E7%90%86%E5%87%BD%E6%95%B0
監聽使用者點選頁面內轉發按鈕(<button> 元件 open-type="share")或右上角選單“轉發”按鈕的行為,並自定義轉發內容。
程式碼區html
<view> <button open-type='share' id="1">1</button> <button open-type='share' id="2">2</button> </view>
程式碼區javascript
/** * 使用者點選右上角分享 */ onShareAppMessage: function (res) { if (res.from === 'button') { // 來自頁面內轉發按鈕 if(res.target.id == 1) { return { title: '自定義1111轉發標題', path: '/page/user?id=123' } } if (res.target.id == 2) { return { title: '自定義22222轉發標題', path: '/page/user?id=123' } } } else { return { title:'自定義轉發標題', path: '/page/user?id=123' } } }
以上程式碼主要是通過button按鈕元件的id來進行區分的,在javascript中的onShareAppMessage中的res.target.id加以區分,同一個頁面,去分享多個功能的例子。