微信小程序实现带参数的分享功能(两种方法)


Posted in Javascript onMay 17, 2019

微信小程序分享功能的实现方法有两种:

第一种

在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面

onShareAppMessage: function () {
 return {
  title: '弹出分享时显示的分享标题',
  desc: '分享页面的内容',
  path: '/page/user?id=123' // 路径,传递参数到指定页面。
 }
}

第二种

自定义按钮实现分享,在page中添加一个带有open-type='share'的button标签(<button open-type='share'><\/button>)。点击该按钮后,即会自动触发已经在page.js中定义好的onShareAppMessage方法,实现分享功能。

<button open-type='share'>分享</button>

获取分享传递的参数

如上例,path属性指向的是user页面,并附带id=123的参数。我们只需在user.js的onLoad函数中,通过options查看传递过来的参数:

// user.js
Page({
 onLoad: function(options) {
  console.log(options);
 }
})

总结

以上所述是小编给大家介绍的微信小程序实现带参数的分享功能(两种方法),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
js调用css属性写法
Sep 21 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
jquery专业的导航菜单特效代码分享
Aug 29 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
详解js中call与apply关键字的作用
Nov 21 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
JS实现拼图游戏
Jan 29 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
Jul 20 Javascript
JS简单数组排序操作示例【sort方法】
May 17 #Javascript
微信小程序云开发(数据库)详解
May 17 #Javascript
JS实现的自定义map方法示例
May 17 #Javascript
javascript异步编程的六种方式总结
May 17 #Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 #Javascript
angular4应用中输入的最小值和最大值的方法
May 17 #Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 #jQuery
You might like
PHP文件去掉PHP注释空格的函数分析(PHP代码压缩)
2013/07/02 PHP
php绘制一条直线的方法
2015/01/24 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
PHP模拟http请求的方法详解
2016/11/09 PHP
JS网络游戏-(模拟城市webgame)提供的一些例子下载
2007/10/14 Javascript
js 获取Listbox选择的值的代码
2010/04/15 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
JavaScript中Cookie操作实例
2015/01/09 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
2016/10/19 Javascript
详解Angular路由 ng-route和ui-router的区别
2017/05/22 Javascript
jquery网页加载进度条的实现
2017/06/01 jQuery
jQuery+ajax实现修改密码验证功能实例详解
2017/07/06 jQuery
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
JavaScript-定时器0~9抽奖系统详解(代码)
2017/08/16 Javascript
C#实现将一个字符转换为整数
2017/12/12 Javascript
动态加载JavaScript文件的3种方式
2018/05/05 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
layui 阻止图片上传的实例(before方法)
2019/09/26 Javascript
[02:24]DOTA2痛苦女王 英雄基础教程
2013/11/26 DOTA
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
Python有序字典简单实现方法示例
2017/09/28 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
介绍一下如何利用路径遍历进行攻击及如何防范
2014/01/19 面试题
后勤部长岗位职责
2013/12/14 职场文书
小学生安全责任书
2014/07/25 职场文书
2014新生大学四年计划书
2014/09/21 职场文书