小程序动态隐藏分享按钮
业务背景:小程序需要根据条件动态隐藏分享给好友、分享到朋友圈功能
原生小程序中加上分享函数,页面就可分享,如下:
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
觉得不错,赏个关注呗
声明 onShareAppMessage 函数 onShareAppMessage() { return { title: '弹出分享时显示的分享标题' desc: ' ... 微信小程序-页面内分享按钮用图标代替 前言 代码 效果图 前言 张小龙不知道出于什么原因将打开客服会话.触发用户转发.打开授权设置页.打开"意见反馈"页面等功能全都挂载到butto ... 大家有不会的可以进群交流 官方的分享 点击右上角的三个点 /*** 用户点击右上角分享*/onShareAppMessage: function(ops) {wx.showShareMenu({wit ... 零基础也能学会的微信小程序制作横向滚动布局 准备工作: 微信开发者工具 APPID或测试号 创建一个JavaScript基本框架(如下图) 动手做起来吧~ index.wxml 学习笔记 属性说明 s ... 小程序如何隐藏左上角返回首页按钮? 两种方法 方法一: 在页面的onShow或onLoad或onHide函数里调用wx.hideHomeButton() onLoad(){wx.hideHomeBut ... 微信小程序如何通过button按钮实现分享(转发)功能 导读:微信小程序通过button按钮实现分享(转发)功能 有两种方式,一种是页面内按钮分享,一种是菜单转发.下面具体为大家解答.... 微信小程 ... 微信小程序-动态验证码 一.创建自定义组件verification-code 二.在index页面使用 一.创建自定义组件verification-code verification-code.js ... 昨天(6日)深夜,几张小程序截图在行业中流传,截图显示,小程序已可正式分享到朋友圈. 这表明,微信最大的流量池将向小程序敞开,毫无疑问,小程序也将迎来更大一轮爆发. 如下四张截图,正是部分行业群内流传 ... 前言 大家好,我是it分享师,今天给大家带来一个基于Springmvc开发的物业管理系统,微信小程序的源码! 使用技术 本套系统有两个入口,一个是微信小程序端主要是面向用户,另一个是基于spring, ...小程序动态隐藏分享按钮相关推荐
最新文章
热门文章