返回顶部
首页 > 资讯 > 移动开发 >uniapp小程序分享功能onShareAppMessage函数传参数
  • 208
分享到

uniapp小程序分享功能onShareAppMessage函数传参数

uni-app小程序前端 2023-09-13 06:09:57 208人浏览 泡泡鱼
摘要

使用onShareAppMessage函数。在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示该页面可以转发。可以在函数中设置页面转发的信息。 (1)只有定义了该函数,小程序右上角的菜单中才会有转发按钮 (2

使用onShareAppMessage函数。在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示该页面可以转发。可以在函数中设置页面转发的信息。
(1)只有定义了该函数,小程序右上角的菜单中才会有转发按钮
(2)用户点击转发按钮的时候回调用该函数
(3)该函数内需要 return 一个 Object,Object中包含转发的信息(可自定义转发的内容)

一个是页面中具有属性open-type且其值为share的button。(注:必须是button组件,其他组件中设置 open-type=“share” 无效)

即:

注意!!! onShareAppMessage是页面的方法, 组件内不会触发。

小程序中分享功能需要在button组件中添加open-type:“share”,当点击button的时候就会调用onShareAppMessage函数。如果需要将按钮的参数传入给函数,使用       :data-属性=值

html{{item.theme}}
js://分享函数onShareAppMessage(res) {console.log(res,'我是分享');  //打印出来的就是:data-item='item'里的'item'值             //也就是循环里的item值,循环里的每一项            const that = this;let data = res.target.dataset.item; //取到传入的参数            let shareobj = {title:'',//分享的标题    默认是小程序的名称path:"",//好友点击分享之后跳转的页面   默认是当前页面,必须是以‘/’开头的完整路径imageUrl: "",//自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4}            //来自页面按钮内的分享if(res.from === 'button'){shareobj.title="",   //你要分享的标题                shareobj.path="",    //你要跳转的页面路径                shareobj.imageUrl="",//你要分享的图片}return shareobj//最后一定要返回对象},

效果图如下: (console.log(res,'我是分享'))

来源地址:https://blog.csdn.net/weixin_64103049/article/details/128255478

--结束END--

本文标题: uniapp小程序分享功能onShareAppMessage函数传参数

本文链接: https://lsjlt.com/news/405495.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作