微信小程序開發 自定義按鈕實現分享轉發功能

@

目錄

• 前言
• 一、詳細步驟

---

前言

微信小程序，默認的分享功能是通過右上角的 “···” 按鈕調用的，那么如何通過自定義按鈕調用呢？本文將給出具體方法。

---

一、詳細步驟

我采用了mp-icon圖標作為按鈕，代碼如下（示例）：

<button type="default" size="mini" open-type="share">
	<mp-icon icon="share" color="white" size="{{24}}"></mp-icon>
</button>

如果出現如下錯誤提示：

請參考我的另一篇日記：《設置微信小程序支持npm（解決微信小程序npm構建時提示“沒有找到可以構建的NPM包，請確認需要參與構建的npm都在miniprogramroot目錄內，或配置project...”錯誤）的方法》

顯示效果如下：

點擊后，即可調用彈出分享轉發對話框：