小程序动态隐藏分享按钮

业务背景:小程序需要根据条件动态隐藏分享给好友、分享到朋友圈功能

原生小程序中加上分享函数,页面就可分享,如下:

onShareAppMessage: function (res) {
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
      title: '自定义转发标题',
      path: '/page/user?id=123'
    }
  }

但是我们要动态设置分享按钮(例如根据后端返回的身份展示),如果去掉这个函数那所有人都无法分享,显然不合适,所以我们需要动态来设置

话不多说,上码,粘过去直接用

满足条件隐藏分享给好友按钮

if (条件) {  
    wx.hideShareMenu({
        menus: ['shareAppMessage']//menus: ['shareAppMessage', 'shareTimeline']
    })
}

说明:
1、"shareAppMessage"表示“发送给朋友”按钮,"shareTimeline"表示“分享到朋友圈”按钮
2、隐藏“发送给朋友”按钮时必须同时隐藏“分享到朋友圈”按钮,隐藏“分享到朋友圈”按钮时则允许不隐藏“发送给朋友”按钮(也就是说隐藏了‘发送给朋友’,那么‘分享到朋友圈’就必然没有)

参考链接:https://developers.weixin.qq.com/miniprogram/dev/api/share/wx.hideShareMenu.html

觉得不错,赏个关注呗😀,不胜感激Thanks♪(・ω・)ノ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值