请选择 进入手机版 | 继续访问电脑版
查看: 61|回复: 0

微信小程序“分享给朋友”“分享到朋友圈”灰色解决方法

[复制链接]

823

主题

830

帖子

4305

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4305
发表于 2022-6-21 16:56:15 | 显示全部楼层 |阅读模式
微信小程序“分享给朋友”、“分享到朋友圈”按钮灰色解决方法
最近开发微信小程序项目,微信小程序上线后发现“分享给朋友”、“分享到朋友圈”按钮灰色的,生成小程序无法分享给朋友,也无法分享到朋友圈。
怎么解决微信小程序“分享给朋友”、“分享到朋友圈”按钮灰色呢?
其实方法很简单,只需要在分享的页面添加上两个函数就能解决:

一、微信小程序“分享给朋友”实现方法
  1. // 分享给朋友
  2.     onShareAppMessage(res){
  3.         return {
  4.         title: '标题',
  5.         path: '页面路径',
  6.         imageUrl:'图片路径',
  7.         success: function (res) {
  8.             console.log("分享成功")
  9.         },
  10.         fail: function (res) {
  11.             console.log("分享失败")
  12.         }
  13.         }
  14.     },
复制代码
如果需要在页面内唤起微信底问分享框,可以加以下代码:
  1. <button type="default" size="mini" style="background: #fff;" open-type="share">
  2.     立即分享
  3. </button>
复制代码
注意:通过给 button 组件设置属性 open-type="share",可以在用户点击按钮后触发 Page.onShareAppMessage 事件,相关组件:button。

二、微信小程序“分享到朋友圈”实现方法
  1.    /*分享朋友圈 */
  2.    onShareTimeline: function() {
  3.     return {
  4.       title: '蓄财网',
  5.       query: 'goodsId=' +this.data.goodsInfo.id,
  6.       imageUrl: this.data.goodsInfo.mainImg,
  7.     }
  8.   },
复制代码
至此,微信小程序“分享给朋友”“分享到朋友圈”按钮灰色的问题就解决了。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|蓄财网 ( 豫ICP备2021002293号 )

GMT+8, 2022-7-3 00:59 , Processed in 0.111652 second(s), 28 queries .

蓄财网 ©版权所有

© 2022 蓄财网(www.aixc.cn)

快速回复 返回顶部 返回列表