小程序动态隐藏分享按钮

最新推荐文章于 2024-01-12 10:14:51 发布

@前端小白

最新推荐文章于 2024-01-12 10:14:51 发布

阅读量2.1k

点赞数 2

分类专栏： web前端文章标签：小程序 javascript 前端

本文链接：https://blog.csdn.net/lzz123987csdn/article/details/112182672

版权

web前端专栏收录该内容

17 篇文章

订阅专栏

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

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

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♪(･ω･)ﾉ