原生小程序中加上分享函数,页面就可分享,如下:
onShareAppMessage: function (res) {
if (res.from === 'button') {
console.log(res.target)
return {
title: '自定义转发标题',
path: '/page/user?id=123'
但是我们要动态设置分享按钮(例如根据后端返回的身份展示),如果去掉这个函数那所有人都无法分享,显然不合适,所以我们需要动态来设置
话不多说,上码,粘过去直接用
满足条件隐藏分享给好友按钮
if (条件) {
wx.hideShareMenu({
menus: ['shareAppMessage'],
说明:
1、"shareAppMessage"表示“发送给朋友”按钮,"shareTimeline"表示“分享到朋友圈”按钮
2、隐藏“发送给朋友”按钮时必须同时隐藏“分享到朋友圈”按钮,隐藏“分享到朋友圈”按钮时则允许不隐藏“发送给朋友”按钮(也就是说隐藏了‘发送给朋友’,那么‘分享到朋友圈’就必然没有)
参考链接:https://developers.weixin.qq.com/miniprogram/dev/api/share/wx.hideShareMenu.html
觉得不错,赏个关注呗😀,不胜感激Thanks♪(・ω・)ノ
业务背景:小程序需要根据条件动态隐藏分享给好友、分享到朋友圈功能话不多说,上码,粘过去直接用满足条件隐藏分享给好友按钮if (条件) { wx.hideShareMenu({ menus: ['shareAppMessage'], //menus: ['shareAppMessage', 'shareTimeline'] })}说明:1、"shareAppMessage"表示“发送给朋友”按钮,"shareTimeline"表示“分享...
if (typeof window.WeixinJSBridge == "undefined"){
$(document).on('WeixinJSBridgeReady',function(){
二:小程序A跳转到另外一个小程序B
在app.json中配置以下代码(数组中的参数为小程序B的appId)
"navigateToMiniProgramAppIdList": ["appIdaaaccc"]
在需要跳转的位置设置如下代码
wx.navigateToMiniProgram({
appId: 'appIdaaaccc
在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。
因为项目原本是需要将两个canvas切换,但是小程序的canvas支持的功能实在是少,本来就jquery mobile或者将canvas转为图片就可以很容易实现滑动效果,但是都不支持,最后只能是做一个canvas,需要时显示,不需要时隐藏。
实现方法:
logs.wxml
{{showView?'Click To Check
它的实现方法有两种,
第一种方法:单选法,就是隐藏与显示根据条件二选一,代码如下:
{{showView?'bright789_view_show':'bright789_view_hide'}}">
我是被显示被隐藏控件
第二种方法:叠加法,就是先隐藏
小程序调起分享的两种方式:
方式1:小程序右上角自带的分享功能(…):
如果在当前页面调用wx.hideShareMenu()方法,那么右上角的分享功能将被隐藏,当然,隐藏方法与现实方法是承兑出现的,调用wx.showShareMenu()方法,可以显示该功能。
方式2:自定义分享按钮
<button open-type='share'>分享</button>
微信小程序的分享功能可以分享页面给朋友或群聊,但是不能分享到朋友圈,需要分享朋友圈的话,可以在小程序内设计一个
[removed]
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 通过下面这个API隐藏右上角按钮
WeixinJSBridge.call('hideOptionMenu');
// 通过下面这个API隐藏底部导航栏
WeixinJSBridge.call('h
您好,针对您的问题,您可以在小程序中重写 `onShareAppMessage` 方法,在用户点击分享按钮时,先隐藏遮罩层或加载提示框,然后再执行分享操作。具体实现方法如下:
// 在 Page 中重写 onShareAppMessage 方法
onShareAppMessage: function () {
// 隐藏遮罩层或加载提示框
wx.hideLoading()
// 执行分享操作
return {
title: '分享标题',
path: '/pages/index/index',
imageUrl: '分享封面图片',
success: function (res) {
// 分享成功后显示遮罩层或加载提示框
wx.showLoading({
title: '加载中...',
mask: true
fail: function (res) {
console.log('分享失败')
需要注意的是,以上示例代码仅供参考,具体实现方法根据您的实际需求而定。