微信小程序 open-type=“share“ onShareAppMessage 不触发

最新推荐文章于 2024-06-05 16:18:37 发布
最新推荐文章于 2024-06-05 16:18:37 发布
阅读量3.2k 收藏 2
点赞数
分类专栏： 开发经验 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pznavbypte/article/details/128675387
版权
当在微信小程序的组件中定义onShareAppMessage时，分享弹框不会如预期工作，因为分享行为基于页面维度。正确的做法是将onShareAppMessage事件处理函数移动到外层页面的page.json中，以确保分享功能正常并能自定义分享卡片内容。
摘要由CSDN通过智能技术生成

问题现象

点击 Button 会唤起分享弹框，但是不会触发定义的 onShareAppMessage 事件，无法定义分享卡片的内容。

原因

分享行为是基于页面维度的。在 page.json 定义的页面中声明的 onShareAppMessage 才是有效的，如果你在组件中声明了 onShareAppMessage 是不会在分享 Button 点击时触发的。实际上，如果你在组件中声明了 onShareAppMessage，那么该组件对应的页面也是不能从右上角功能按钮进行分享的。

措施

把在组件内定义的 onShareAppMessage 挪到外层页面

前端灯塔
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
分享功能，canvas绘制微信小程序分享海报
09-28
在微信小程序中，按钮组件（button）可以通过设置`open-type`属性来实现不同的功能，其中`open-type="share"`是用于触发用户分享的。当用户点击带有此属性的按钮时，会弹出微信内置的分享面板，让用户可以选择将当前...
微信小程序实现带参数的分享功能(两种方法)
10-16
在页面的WXML（微信小程序的结构层）文件中，添加一个`<button>`标签，并设置`open-type='share'`： ```html <button open-type='share'>分享 ``` 当用户点击这个自定义的分享按钮时，`onShareAppMessage`函数会被...
解决微信小程序分享按钮不可用
最新发布
qq_45569925的博客
06-05 701
在微信小程序中点击胶囊按钮上的三个点，在弹出的对话框中的【分享给好友】【分享到朋友圈】按钮都属于不可用的状态，显示未设置。在每个需要此功能的页面都需要添加此代码，否则就不能进行使用。
微信小程序按钮分享好友的onShareAppMessage不起作用的解决办法
vivianey的博客
04-07 5632
微信小程序按钮分享功能基本代码介绍，及onShareAppMessage函数不起作用的解决办法。
【疑难杂症】微信小程序分享朋友圈按键不生效
程序员云阶的博客
04-14 431
此文主要讲解分享朋友圈案件不生效问题👇👇。
微信小程序 分享转发onshareAppMessage 为什么没有用, 不执行,解决方法.
czz0724的博客
09-04 6921
原因: 可能你监听转发 函数也写上了 , 就是执行不了 这个监听函数 pege({ //用户点击右上角转发 onshareAppMessage: function () { }, }) 解决方法: 旧版小程序的代码是onshareAppMessage 目前 onShareAppMessage 没错就是大小写的问题 , 复制下面的代码即可解决 pege({ //用户点...
微信小程序onShareAppMessage不起作用
Ella的博客
05-26 2360
大坑！！！ onShareAppMessage里面不能加请求 去掉我选中的部分就生效了 /** * 用户点击右上角分享 */ onShareAppMessage: function (res) { if (res.from === 'button') { // 来自页面内转发按钮 console.log(" 来自页面内转发按钮") //获取参数id this.data.idList = this.data.certInfo.id
uniapp onShareAppMessage不执行，显示默认的分享页
risemypassion的专栏
03-29 2325
onShareAppMessage回调函数里边的代码一定要注意，不能有任何运行时错误，否则会弹默认的分享页，并且不会给你任何提示。
小程序设置按钮分享功能
scarlett1017的博客
06-26 1万+
一般小程序分享可以通过右上角的分享功能进行分享，如果想要在页面内进行按钮设置。可以这样子设置：定义button按钮来触发分享事件，在button标签上写上 open-type='share’属性 WXCSS中： 需要去掉button的一些样式 JS中：...
小程序onShareAppMessage()不起作用
qq_43368308的博客
11-04 3344
今天又踩了一个不大不小的坑，在做分享的时候，发现无论怎么设置都是默认的标题与图片内容。找了很多文章最后才知道原因在我们自己创建的新页有很多系统自己给我们写好的空白方法，onShareAppMessage也在里面，所以你自己写的就不起作用，被覆盖掉了。 所以我们要么删除他写好的那个空白的（在当前页的js里面），要么把自己的改写到他的那个里面。
uni-app中onShow（）、onShareAppMessage（）不作用
yangyanqin2545的博客
06-09 1298
在uni-app中，拥有的onShow()、onShareAppMessage()等等函数，只会在父页面起作用，也就是被监听到，其余子页面或者弹窗页面都不会监听，所有当我们使用的时候要特别的注意。
小程序onShareAppMessage()不起作用，以及如何传参
YanBin_Best的博客
05-09 1822
所以我们要么注释他写好的那个空白的（在下面share.js里面），要么把自己的改写到他的那个里面。传递参数就在后面路径加上就好，然后在你的页面onLoad里面获取就可以。然后在你页面引入一下 就可以直接写方法了。程序用的是uiapp 在uniapp里有。，所以你自己写的就不起作用，被覆盖掉了。
微信小程序分享功能onShareAppMessage(options)用法分析
01-03
本文实例讲述了微信小程序分享功能onShareAppMessage(options)用法。分享给大家供大家参考，具体如下： 在页面的js文件中定义了 onShareAppMessage 函数时，页面可以表示改页面可以转发。可以在函数中设置页面转发的...
微信小程序实现页面分享onShareAppMessage
10-16
`onShareAppMessage` 是微信小程序API中一个关键的方法，用于定义自定义的分享内容。下面我们将深入探讨如何使用`onShareAppMessage`以及相关的页面分享配置。 首先，我们需要在小程序的页面js文件中定义`...
微信小程序转发事件实现解析
10-16
总结来说，微信小程序的转发事件实现主要包括定义 `onShareAppMessage` 函数以设置分享内容，以及在页面中添加具有 `open-type="share"` 的按钮来触发分享行为。通过这种方式，开发者可以灵活地控制小程序的分享体验...
uniapp vue3里使用页面onShareAppMessage没生效的问题
weixin_50163731的博客
12-20 1706
使用uniapp vue3的setup编译为小程序时，发现setup里的onShareAppMessage执行会在全局onShareAppMessage的前面执行，导致页面的onShareAppMessage没生效。偶然间发现只要把setup去掉，换成vue2的写法，那页面onShareAppMessage执行就会比全局onShareAppMessage晚。本来以为是没生效，其实是被全局的onShareAppMessage给覆盖了，执行顺寻是先执行的页面，再执行的全局，所以如何改变执行顺序是关键。
已设置onShareAppMessage,onShareTimeline，但小程序无法分享到朋友圈的问题
hua4st的博客
03-01 686
代码里已经设置了如下内容，但仍然无法分享至朋友圈。
微信小程序在onShareAppMessage中阻止分享
MrPaulHui的博客
11-12 2771
直观想法是在onShareAppMessage里，对不通过校验的进行return，或者抛出异常，但都无效，页面还是会以默认方式进行分享。相信很多人在开发的时候，都会遇到这种需求，在分享前先对分享内容做校验，通过校验才可以分享，不通过则阻止分享。另外在js中定义一个函数，先写校验逻辑，校验不通过，抛出异常；我是在app.js里定义公共的handleShare分享方法，在各个需要分享的页面里调用。在这个方法中，可以自定义分享的链接、标题、缩略图。在页面的onShareAppMessage方法里，只写一行。
微信小程序的转发分享功能
热门推荐
richest_qi的博客
07-19 1万+
然后，onShareAppMessage(Objectobject)最后，onShareAppMessage(Objectobject)可以返回一个对象，用来自定义转发内容。，点击按钮，生成了当前页的快照，发送后，别人亦可访问当前页。首先，只有定义了onShareAppMessage()，页面右上角菜单才会显示“转发”按钮。......
微信小程序open-typed
03-11
我可以回答这个问题。微信小程序open-type是指小程序中的一种属性，用于定义组件的触发事件类型。常见的open-type包括：getUserInfo、getPhoneNumber、share等。通过设置不同的open-type，可以实现不同的功能。例如，设置getUserInfo可以获取用户的基本信息，设置share可以实现分享功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值