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


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 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
详解javascript传统方法实现异步校验
Jan 22 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
Jul 27 Javascript
利用jQuery对无序列表排序的简单方法
Oct 16 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
JavaScript 巧学巧用
May 23 Javascript
angular实现图片懒加载实例代码
Jun 08 Javascript
VUE2实现事件驱动弹窗示例
Oct 21 Javascript
jQuery实现滚动效果
Nov 17 jQuery
ES11屡试不爽的新特性,你用上了几个
Oct 21 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
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
php中current、next与reset函数用法实例
2014/11/17 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
php实现的中文分词类完整实例
2017/02/06 PHP
php提交表单时保留多个空格及换行的文本样式的方法
2017/06/20 PHP
PHP实现微信对账单处理
2018/10/01 PHP
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
js实现按Ctrl+Enter发送效果
2014/09/18 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
记录一次完整的react hooks实践
2019/03/11 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
[52:12]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
在Django的URLconf中使用命名组的方法
2015/07/18 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
git进行版本控制心得详谈
2017/12/10 Python
Python 读取指定文件夹下的所有图像方法
2018/04/27 Python
python3去掉string中的标点符号方法
2019/01/22 Python
Python 学习教程之networkx
2019/04/15 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
用python介绍4种常用的单链表翻转的方法小结
2020/02/24 Python
Python drop方法删除列之inplace参数实例
2020/06/27 Python
世界最大的海报和艺术印刷商店:AllPosters.com
2017/02/01 全球购物
英国香水店:The Perfume Shop
2017/03/27 全球购物
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
某公司.Net方向面试题
2014/04/24 面试题
C#如何进行LDAP用户校验
2012/11/21 面试题
会计人员演讲稿
2014/09/11 职场文书
Python中常见的导入方式总结
2021/05/06 Python
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技