美文网首页
微信小程序分享API踩坑

微信小程序分享API踩坑

作者: Lee拔山兮 | 来源:发表于2020-11-12 04:42 被阅读0次

    微信小程序分享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({
                        title: '分享成功'
                    })
                },
                fail(res) {
                    uni.showToast({
                        title: '分享失败',
                        icon: 'none'
                    })
                }
            }
        }
    
    }
    

    在页面中使用:

    //example.vue
    async onLoad(options) {
          console.log(options);
          if(options.id) { //如果传过来是id则为分享页面进入的
            this.spu_id = options.id
            this.share.path = `/pages/index/goodsDetail?id=${options.id}`
            return
          }
          this.spu_id = options.spu_id;
          this.share.path = `/pages/index/goodsDetail?id=${options.spu_id}`;
     }
    

    相关文章

      网友评论

          本文标题:微信小程序分享API踩坑

          本文链接:https://www.haomeiwen.com/subject/qfaebktx.html