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


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 相关文章推荐
javascript 面向对象编程  function是方法(函数)
Sep 17 Javascript
Jquery动态更改一张位图的src与Attr的使用
Jul 31 Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
简单实现js放大镜效果
Jul 24 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
微信小程序实现左滑修改、删除功能
Oct 19 Javascript
Nuxt页面级缓存的实现
Mar 09 Javascript
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
Nuxt.js 静态资源和打包的操作
Nov 06 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中__get()和__set()的用法实例详解
2013/06/04 PHP
php查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
网页打开自动最大化的js代码
2012/08/22 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
2017/02/09 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
2017/11/24 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
2018/10/24 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
基于layui的table插件进行复选框联动功能的实现方法
2019/09/19 Javascript
js实现点击按钮随机生成背景颜色
2020/09/05 Javascript
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python下载图片实现方法(超简单)
2017/07/21 Python
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
Python使用smtp和pop简单收发邮件完整实例
2018/01/09 Python
详解Python 函数如何重载?
2019/04/23 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
python 错误处理 assert详解
2020/04/20 Python
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
幼儿园感恩节活动方案
2014/10/06 职场文书
刑事上诉状范文
2015/05/22 职场文书
付款证明格式范文
2015/06/19 职场文书