009-用户分享(点击按钮分享)

最新推荐文章于 2025-06-04 21:24:54 发布

原创最新推荐文章于 2025-06-04 21:24:54 发布 · 468 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#button #share #分享 #open-type

微信小程序同时被 2 个专栏收录

12 篇文章

订阅专栏

微信小程序

12 篇文章

订阅专栏

本文介绍小程序中的button组件及其open-type属性的功能，包括分享、获取用户信息等操作，并提供了实现分享功能的具体代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

button组件，在小程序中是一个功能强大的组件。其中有些原生组件所没有的
功能。这就要归功于open-type属性。可以打开会话、获取用户信息、打开APP、
打开授权设置页、分享等功能。

// 1、点击去分享
<button open-type="share">分享</button>
// 2、监听分享：页面Page的onShareAppMessage事件处理函数。
onShareAppMessage: function () {
	  return {
            title: '分享标题',
            path: `/pages/special/detail/detail?id=${specialId}`,
            success: function (res) {
                // 转发成功
                console.log("转发成功:" + JSON.stringify(res));
            },
            fail: function (res) {
                // 转发失败
                console.log("转发失败:" + JSON.stringify(res));
            },
            imageUrl: "/images/share.png"
        }
}

温馨提示：
转发会默认当前页面，转发图片若没有自定义，
则会截取当前页面从顶部开始高的80%作为转发图片。