微信小程式開發關於分享功能中怎麼定義同一個頁面中不同的按鈕觸發不同的分享內容,或者右上角的分享和頁面中分享
微信小程式分享中分為點選右上角的分享和點選按鍵(即是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的值.
相關文章
- uniapp頁面中的按鈕使用分享功能APP
- JavaScript訪問同一個頁面中的不同iframe的內容!JavaScript
- 微信php分享頁面自定義標題與內容PHP
- 微信內 H5 頁面自定義分享H5
- 微信開發 分享功能 php,自定義微信分享功能PHP
- 分享微信小程式中實現sticky效果的列表頁微信小程式
- 直播系統程式碼,小程式全域性分享和頁面分享
- [分享]iOS開發-頁面間跳轉iOS
- Swift - 自定義Share分享頁面Swift
- H5頁面在微信端的分享H5
- .Net微信網頁開發之使用微信JS-SDK自定義微信分享內容網頁JS
- 微信小程式開發:頁面分享卡片、風格選擇、通道啟用等可配置微信小程式
- 分享幾個微信小程式開發框架和工具微信小程式框架
- windowsphone中WebBrowser中的頁面按級回退功能WindowsWeb
- 頁面劫持,頁面劫持,如果被頁面劫持了該怎麼去解決,方法分享
- 單頁面應用微信分享跳坑指南
- 【easyui】開啟的tab頁同頁面引數不同頁面內容不重新整理UI
- 分享一個登入頁面基於Tailwind CSSAICSS
- vue單頁面應用在iOS版微信下自定義分享的問題VueiOS
- 分享微信開發Html5輕遊戲中的幾個坑HTML遊戲
- 微信小程式開發07-列表頁面怎麼做微信小程式
- javascript實現的點選不同提交按鈕實現提交到不同頁面JavaScript
- 關於mpvue中同路由不同頁面共享資料的解決方案Vue路由
- 【OCM】kingsql分享關於OCM PROFILE頁面個人照片的經驗SQL
- 禁止頁面快取資料的方法分享快取
- 如何簡單地實現小程式分享頁擁有返回首頁按鈕
- 免費404頁面程式碼分享 404錯誤頁面原始碼原始碼
- 微信小程式開發系列七:微信小程式的頁面跳轉微信小程式
- 微信小程式開發中按下自己手機的返回按鍵是直接退出小程式而不是返回上級頁面微信小程式
- 專案分享三:頁面之間的傳值
- 分享一個開發中捕獲崩潰的庫
- 微信二次分享的問題 帶有引數的php頁面PHP
- 實現不同頁面不同頁首
- 關於Android開源庫分享平臺,(GitClub)微信小程式的開發體驗AndroidGit微信小程式
- asp.net 頁面回車觸發button按鈕事件ASP.NET事件
- 用微信分享轉發線下活動營銷推廣頁面連結的防封方案
- 直播原始碼網站,點選分享按鈕,分享到各個渠道功能的實現原始碼網站
- 多功能微信小程式開發教程,線上製作步驟分享!微信小程式