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


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系列(2) 揭秘命名函数表达式
Jan 15 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 Javascript
js实现仿百度瀑布流的方法
Feb 05 Javascript
JavaScript实现强制重定向至HTTPS页面
Jun 10 Javascript
JavaScript实现网站访问次数统计代码
Aug 12 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
javascript小数精度丢失的完美解决方法
May 31 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
May 11 Javascript
postman+json+springmvc测试批量添加实例
Mar 31 Javascript
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
Dec 12 Javascript
javascript实现滚动条效果
Mar 24 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 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 mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
thinkPHP简单遍历数组方法分析
2016/05/16 PHP
PHP常用的类封装小结【4个工具类】
2019/06/28 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
2019/10/11 PHP
表单提交验证类
2006/07/14 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
2013/12/31 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
jquery实现简单实用的弹出层效果代码
2015/10/15 Javascript
Nodejs爬虫进阶教程之异步并发控制
2016/02/15 NodeJs
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
SVG实现时钟效果
2018/07/17 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
TypeScript类型声明书写详解
2019/08/28 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
jQuery实现可以扩展的日历
2020/12/01 jQuery
[01:09:24]Ti4开幕式
2014/07/19 DOTA
Python标准库之collections包的使用教程
2017/04/27 Python
Python requests模块实例用法
2019/02/11 Python
Django 1.10以上版本 url 配置注意事项详解
2019/08/05 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
python 逆向爬虫正确调用 JAR 加密逻辑
2021/01/12 Python
Python 转移文件至云对象存储的方法
2021/02/07 Python
html5 学习简单的拾色器
2010/09/03 HTML / CSS
银行毕业实习自我鉴定
2013/09/19 职场文书
教师节活动主持词
2014/04/02 职场文书
五分钟演讲稿
2014/04/30 职场文书
端午节活动总结
2014/08/26 职场文书
财务部岗位职责范本
2015/04/14 职场文书
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript