微信小程序分享API踩坑

最新推荐文章于 2024-07-30 14:39:03 发布

时光机修理师傅

最新推荐文章于 2024-07-30 14:39:03 发布

阅读量423

点赞数

分类专栏：微信小程序文章标签：小程序 javascript

本文链接：https://blog.csdn.net/weixin_39515428/article/details/109635358

版权

本文介绍了微信小程序中使用分享API `onShareAppMessage` 的注意事项，特别是参数命名必须为`id`，否则会导致无法获取分享信息。推荐采用全局混入的方式来实现分享功能，并强调`onShareAppMessage`应与页面生命周期函数如`onLoad`处于同一级别。通过示例展示了在页面中的正确使用方式。

摘要由CSDN通过智能技术生成

微信小程序分享API `onShareAppMessage` 带的参数只能叫`id`，不能叫其他的，不然拿不到。

使用时可以在单页面使用，也可以使用全局混入，一般来说我们都使用全局混入的方式去做。

注意，这个函数是一个页面钩子函数，需要与onLoad等函数同级。

使用示例：

//share.mixin.js
export  default {
    data() {
        return {
            share: {
                title: '你的标题',
                path: '/pages/index/index',
                imageUrl: '',
                desc: '',
            }
        }
    },
    onShareAppMessage(res) {
        return {
            //标题
            title: this.share.title,
            //页面路径
            path: this.share.path,
            //分享后显示的图片的地址，默认为当前页面的截图
            imageUrl: this.share.imageUrl,
            //描述
            desc: this.share.desc,
            //内容
            content: this.share.content,
            success(res) {
                uni.showToast({
                    tit