小程序分享携带参数,被覆盖问题

这篇具有很好参考价值的文章主要介绍了小程序分享携带参数,被覆盖问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

场景:

子组件中写了‘onShareAppMessage’和‘onShareTimeLine’,父组件中也写了这两个函数,并且在url中携带了参数,发现分享后在分享页‘onLoad’中取不到参数。

// 分享目标页
onLoad(async (props: any) => {
  const { shareCode } = props;
  shareCode && (parentId = Number(shareCode))
  Loading('全力加载中...')
});


// 触发分享页
onShareAppMessage(() => {
  return {
    title: '一起来组队,瓜分圣诞大奖!',
    path: '/pages/christmasActivity/index?shareCode=' + TeamData.dd_id,
    imageUrl: christmasShareicon,
  };
});

原因:

子组件的这两个函数覆盖了父组件的,所以失效了。

原理:

小程序是单页面应用,可以说所有的页面都是层层嵌套的。当触发分享功能后,现在当前页面内查找这两个函数,如果没找到会向父级页面查找,一直查找到顶级为止,查找到就使用。如果当前页面有使用子组件且子组件内部也写了这两个函数,那么子覆盖父。

是不是有点像原型链。文章来源地址https://www.toymoban.com/news/detail-827536.html

到了这里,关于小程序分享携带参数,被覆盖问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • unapp微信小程序转发分享、携带参数

    这里有个uni官方文档的bug,uni官方文档并没有说明uni.showShareMenu有menus配置项,但是微信官方文档是有的。所以加上也是会生效的。 注意:配置了此项,此种方式优先级要比第二种方式要高,所以采用第二种方式就不能配置第一种方式。 下面是uni的文档配置项:官方文档 微信

    2024年02月01日
    浏览(69)
  • 微信小程序分享后真机参数获取不到和部分参数不能获取问题问题解决

    进入下面小程序可以体验效果 : 微信小程序的很多API,都是BUG,近期开发小程序就遇到了分享后开发工具可以获取参数,但是真机怎么都拿不到参数的问题 解决方式: 在onLoad(options) 中。 onLoad方法中一定要有options 这个参数。 然后必须再 调用一次 getCurrentPages()[0].options 方

    2024年02月11日
    浏览(46)
  • uniapp微信小程序 获取从二维码进入小程序所携带的参数

    在app.vue  onLaunch中调用获取场景值的方法即可 (建议在onShow中调用,避免扫码冷启动)

    2024年02月15日
    浏览(44)
  • uniapp(HBuilder X)实现微信小程序转发好友和分享朋友圈(携带多个参数)

    1.转发好友 2.分享朋友圈 需要注意的一些地方: 分享和转发内部不得有嵌套方法返回,也就是不可异步,否则在执行的时候,只会执行当前页面,自定义标题等都不会生效 转发代码块的存放级别与生命周期同级,分享代码块需要放进方法中(methods),不然不会生效 分享的参数携

    2024年02月16日
    浏览(72)
  • 微信小程序的分享配置onShareAppMessage

    在小程序的js页面里,写次方法,则点击右上角三个“···”会有对应的分享菜单,如果不写,其实就相当于禁用的该页面的分享。如果只是一个方法,不进行配置,则分享出来的是默认的样式,下面就来说说如何配置:

    2024年02月12日
    浏览(35)
  • 微信小程序在onShareAppMessage中阻止分享

    首先简单介绍微信小程序的分享方法onShareAppMessage,参考文档Page(Object object) | 微信开放文档 (qq.com) 在这个方法中,可以自定义分享的链接、标题、缩略图。不自定义的话,返回默认值。  相信很多人在开发的时候,都会遇到这种需求,在分享前先对分享内容做校验,通过校验

    2024年02月11日
    浏览(45)
  • onShareAppMessage 使用uniapp小程序分享好友,朋友圈功能

    1、分享到好友,可以使用button,绑定open-type=\\\"share\\\" 就可以调onShareAppMessage方法 注意: onShareAppMessage和methods、onLoad等同级 这个项目要求就是传当前页面过去,用户好友再页面也可以进行操作,不需要登陆账号,所以传了用户id过去,可以调取相同后台数据 2、分享到朋友圈

    2024年02月13日
    浏览(45)
  • uni-app 微信小程序 使用mixins设置分享 onShareAppMessage

    参考链接:https://www.jianshu.com/p/844018ca174f 这样设置后,右上角三个点的分享就可以分享了

    2024年02月12日
    浏览(56)
  • postman发送post请求携带json参数获取为null的情况

        @RequestBody主要用来接收前端传递给后端的json字符串中的数据的(请求体中的数据的);而最常用的使用请求体传参的无疑是POST请求了,所以使用@RequestBody接收数据时,一般都用POST方式进行提交。在后端的同一个接收方法里    

    2024年02月13日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包