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


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 相关文章推荐
JS 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
在网页中使用document.write时遭遇的奇怪问题
Aug 24 Javascript
说明你的Javascript技术很烂的五个原因
Apr 26 Javascript
JS localStorage实现本地缓存的方法
Jun 22 Javascript
javascript显示用户停留时间的简单实例
Aug 05 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
Javascript农历与公历相互转换的简单实例
Oct 09 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
Apr 13 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
关于vue.js组件数据流的问题
Jul 26 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
vue中多个倒计时实现代码实例
Mar 27 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中的串行化变量和序列化对象
2006/09/05 PHP
基于mysql的论坛(7)
2006/10/09 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
关于php程序报date()警告的处理(date_default_timezone_set)
2013/10/22 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
PHP基于cookie实现统计在线人数功能示例
2019/01/16 PHP
基于prototype扩展的JavaScript常用函数库
2010/11/30 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
javascript中new关键字详解
2015/12/14 Javascript
jQuery ajax提交Form表单实例(附demo源码)
2016/04/06 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
2018/07/12 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
Vue项目中最新用到的一些实用小技巧
2018/11/06 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
2019/05/13 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
jquery实现直播弹幕效果
2019/11/28 jQuery
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
Vue中keep-alive组件的深入理解
2020/08/23 Javascript
Python lambda和Python def区别分析
2014/11/30 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
python处理大日志文件
2019/07/23 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
CSS3 边框效果
2019/11/04 HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
2016/07/26 HTML / CSS
Orvis官网:自1856年以来,优质服装、飞钓装备等
2018/12/17 全球购物
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
eBay美国官网:eBay.com
2020/10/24 全球购物
几个人围成一圈的问题
2013/09/26 面试题
2013年办公室秘书的个人自我鉴定
2013/10/24 职场文书
合同协议书格式
2014/04/18 职场文书
优秀学生党员先进事迹材料
2014/05/29 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
岗位职责范本大全
2015/02/26 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android