uniapp微信小程序onShareAppMessage 函数实现分享功能和实例页面代码
效果:
关键代码:
<button class="separate-fl" plain="true" data-name="shareBtn" open-type="share"></button>
onShareAppMessage: function( options ){console.log('options??',options)var that = this;// 设置菜单中的转发按钮触发转发事件时的转发内容var shareObj = {title: that.bookdetail.titleCn, // 默认是小程序的名称(可以写slogan等)path: '/pages/book/detail', // 默认是当前页面,必须是以‘/'开头的完整路径imageUrl: '', //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4success: function(res){// 转发成功之后的回调if(res.errMsg == 'shareAppMessage:ok'){}},fail: function(){// 转发失败之后的回调if(res.errMsg == 'shareAppMessage:fail cancel'){// 用户取消转发}else if(res.errMsg == 'shareAppMessage:fail'){// 转发失败,其中 detail message 为详细失败信息}}};// 来自页面内的按钮的转发if( options.from == 'button' ){var eData = options.target.dataset;console.log( eData.id); // shareBtn// 此处可以修改 shareObj 中的内容shareObj.path = '/pages/book/detail?id='+eData.id;}// 返回shareObjreturn shareObj;},
注意事项:
onShareAppMessage 函数所在的位置和 onLoad 等生命周期函数同级!
并不是放在方法里面哦!
完整代码:
uniapp微信小程序onShareAppMessage 函数实现分享功能和实例页面代码相关推荐
- uni-app 微信小程序 模仿 app二层楼功能
uni-app 微信小程序 模仿 app二层楼功能 先占个坑,今天应该写不完, 后续在慢慢补全 更新 终于写完了 这个的计算量很大,我自己的安卓机测试的时候一卡一卡的,公司同事的iphone是没有问题 ...
- 移动端App分享,以及微信小程序和公众号分享功能实现
移动端App分享,以及微信小程序和公众号分享功能实现 分享功能记录收藏,上链接 前端工作记录
- 解决uni-app微信小程序底部input输入框,键盘弹起时页面整体上移问题
一.存在的问题: 微信小程序聊天界面,当input 框获取焦点时会自动调起手机键盘,当键盘弹起时,会导致页面整体上移,页面头信息会消失不见. 二.需要实现的效果 键盘弹出时, 底部的 ...
- 微信小程序实现即时通信聊天功能的实例代码
项目背景:小程序中实现实时聊天功能 一.服务器域名配置 配置流程 配置参考URL:https://developers.weixin.qq.com/miniprogram/dev/api/api-ne ...
- uni-app 微信小程序设置全局的分享onShareAppMessage
创建一个 mixins ,我的文件路径为 : common/share.js export default {onShareAppMessage(res) { //发送给朋友return {}},on ...
- uniapp 微信小程序 选择地图位置并返回经纬度及详细地址(uni.chooseLocation和高德地图api两种方式实现)
uniapp 微信小程序实现选择地图位置功能 最近在做商家小程序,就是用于给实体店老板进行网上开店的小程序. 其中有一项功能就是获取商店的位置,要求支持:获取当前定位/检索到指定位置/地图选点等功能, ...
- 获取微信通讯录php,微信小程序实现添加手机联系人功能实现方法
本文主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下,希望能帮助到大家. 本文实例讲述了微信小程序实现添加手机 ...
- uni-app 微信小程序分享按钮
uni-app 微信小程序分享按钮 官方文档说明 在 manifest.json 的 App SDK 配置里,勾选微信消息及朋友圈,并填写相关 appkey,微信 appkey 在需要分享的页面填写: ...
- uni-app 微信小程序 分享功能 传参 接收 与 调试
uni-app 微信小程序 功能 传参 接收 与 调试 当使用微信小程序进行分享好友功能时,怎样能够联调,查看是否接收到参数,并在被分享人点进来的时候逻辑处理是否正确. 1.分享功能实现 分享给朋友 ...
最新文章
- python自学网站有哪些-分享干货:三个新手自学Python的网站!
- JavaScript之创建对象的模式
- 杰出数据科学家的关键技能是什么?
- springboot中三种xxxx.setAttribute()并与python中flask作对应比较+容器的通俗理解
- 【渗透测试】XSS注入原理
- 95-10-132-启动-TransactionCoordinator-源码
- 为了重启计算机除了加电启动外,零度电脑知识网
- 085 对象的绑定方法
- java编写一个汽车出租管理程序_初学者,写了一个汽车出租管理程序,请大神解决错误。...
- codejock 用法记录
- Office 2010安装时缺少MSXML 6.10.1129.0
- BP神经网络原理分析及c++代码实现(上)
- SMS 短信 API 接口调用
- 基础篇——树莓派远程连接工具VNC不显示视频或摄像头画面解决方式
- 然并卵却很拉风!360超级充电器评测_天极网
- 极客大学算法训练营笔记
- groovy-时间转换
- 内部类与外部类之间的访问
- R语言绘制热图(其实是相关系数图)实践(二)corrplot包
- Kaggle赛题解析:Google手语识别