微信小程序-实现分享（带参数）

最新推荐文章于 2025-02-18 22:45:00 发布

sinat_41917956

最新推荐文章于 2025-02-18 22:45:00 发布

阅读量4.6w

点赞数 4

本文链接：https://blog.csdn.net/sinat_41917956/article/details/80606459

版权

本文介绍了两种实现微信小程序分享功能的方法：一是通过在page.js文件中实现onShareAppMessage函数；二是利用自定义按钮实现分享功能。同时，还介绍了如何在目标页面中获取分享时传递的参数。

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

微信小程序分享功能的实现方法有两种：

第一种
在page.js中实现onShareAppMessage，便可在小程序右上角选择分享该页面

onShareAppMessage: function () {

    return {

        title: '弹出分享时显示的分享标题',

        desc: '分享页面的内容',

        path: '/page/user?id=123' // 路径，传递参数到指定页面。

    }

}

第二种
自定义按钮实现分享，在page中添加一个带有open-type=’share’的button标签(<button open-type=’share’><\/button>)。点击该按钮后，即会自动触发已经在page.js中定义好的onShareAppMessage方法，实现分享功能。

<button open-type='share'>分享</button>

获取分享传递的参数

如上例，path属性指向的是user页面，并附带id=123的参数。我们只需在user.js的onLoad函数中，通过options查看传递过来的参数：

// user.js
Page({
    onLoad: function(options) {
        console.log(options);
    }
})