效果:

关键代码:

<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 函数实现分享功能和实例页面代码相关推荐

  1. uni-app 微信小程序 模仿 app二层楼功能

    uni-app 微信小程序 模仿 app二层楼功能 先占个坑,今天应该写不完, 后续在慢慢补全 更新 终于写完了 这个的计算量很大,我自己的安卓机测试的时候一卡一卡的,公司同事的iphone是没有问题 ...

  2. 移动端App分享,以及微信小程序和公众号分享功能实现

    移动端App分享,以及微信小程序和公众号分享功能实现 分享功能记录收藏,上链接 前端工作记录

  3. 解决uni-app微信小程序底部input输入框,键盘弹起时页面整体上移问题

    一.存在的问题:          微信小程序聊天界面,当input 框获取焦点时会自动调起手机键盘,当键盘弹起时,会导致页面整体上移,页面头信息会消失不见. 二.需要实现的效果 键盘弹出时, 底部的 ...

  4. 微信小程序实现即时通信聊天功能的实例代码

    项目背景:小程序中实现实时聊天功能 一.服务器域名配置 配置流程 配置参考URL:https://developers.weixin.qq.com/miniprogram/dev/api/api-ne ...

  5. uni-app 微信小程序设置全局的分享onShareAppMessage

    创建一个 mixins ,我的文件路径为 : common/share.js export default {onShareAppMessage(res) { //发送给朋友return {}},on ...

  6. uniapp 微信小程序 选择地图位置并返回经纬度及详细地址(uni.chooseLocation和高德地图api两种方式实现)

    uniapp 微信小程序实现选择地图位置功能 最近在做商家小程序,就是用于给实体店老板进行网上开店的小程序. 其中有一项功能就是获取商店的位置,要求支持:获取当前定位/检索到指定位置/地图选点等功能, ...

  7. 获取微信通讯录php,微信小程序实现添加手机联系人功能实现方法

    本文主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下,希望能帮助到大家. 本文实例讲述了微信小程序实现添加手机 ...

  8. uni-app 微信小程序分享按钮

    uni-app 微信小程序分享按钮 官方文档说明 在 manifest.json 的 App SDK 配置里,勾选微信消息及朋友圈,并填写相关 appkey,微信 appkey 在需要分享的页面填写: ...

  9. uni-app 微信小程序 分享功能 传参 接收 与 调试

    uni-app 微信小程序 功能 传参 接收 与 调试 当使用微信小程序进行分享好友功能时,怎样能够联调,查看是否接收到参数,并在被分享人点进来的时候逻辑处理是否正确. 1.分享功能实现 分享给朋友 ...

最新文章

  1. python自学网站有哪些-分享干货:三个新手自学Python的网站!
  2. JavaScript之创建对象的模式
  3. 杰出数据科学家的关键技能是什么?
  4. springboot中三种xxxx.setAttribute()并与python中flask作对应比较+容器的通俗理解
  5. 【渗透测试】XSS注入原理
  6. 95-10-132-启动-TransactionCoordinator-源码
  7. 为了重启计算机除了加电启动外,零度电脑知识网
  8. 085 对象的绑定方法
  9. java编写一个汽车出租管理程序_初学者,写了一个汽车出租管理程序,请大神解决错误。...
  10. codejock 用法记录
  11. Office 2010安装时缺少MSXML 6.10.1129.0
  12. BP神经网络原理分析及c++代码实现(上)
  13. SMS 短信 API 接口调用
  14. 基础篇——树莓派远程连接工具VNC不显示视频或摄像头画面解决方式
  15. 然并卵却很拉风!360超级充电器评测_天极网
  16. 极客大学算法训练营笔记
  17. groovy-时间转换
  18. 内部类与外部类之间的访问
  19. R语言绘制热图(其实是相关系数图)实践(二)corrplot包
  20. Kaggle赛题解析:Google手语识别

热门文章

  1. 华为手机卡顿怎么解决
  2. java 仿qq mysql_基于Java远程通信(仿QQ)及应用研究设计(MySQL)(含录像)
  3. STL中 sort 排序方法
  4. 带你认识 flask 粉丝
  5. 利用Splashtop Xdisplay让手机成为pc的扩展显示器
  6. 苹果手机序列号查询的4种方法!
  7. Spider-one
  8. 【第四周:数据可视化】7周成为数据分析师
  9. 有关python的注释方法(菜鸟篇)
  10. atx和matx机箱_别再用ATX机箱装MATX主板啦,换装TT启航者A1 MATX机箱