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


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语句可以不以;结尾的烦恼
Mar 08 Javascript
javascript 打开页面window.location和window.open的区别
Mar 17 Javascript
javascript之通用简单的table选项卡实现(二)
May 09 Javascript
jQuery获取地址栏参数插件(模仿C#)
Oct 26 Javascript
javascript中关于break,continue的特殊用法与介绍
May 24 Javascript
Javascript基础教程之数据类型 (字符串 String)
Jan 18 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
angularjs封装bootstrap时间插件datetimepicker
Jun 20 Javascript
Vue开发中整合axios的文件整理
Apr 29 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
May 09 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
Jul 02 Javascript
vue+element_ui上传文件,并传递额外参数操作
Dec 05 Vue.js
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中几个可以提高运行效率的代码写法、技巧分享
2014/08/21 PHP
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
js/jQuery对象互转(快速操作dom元素)
2013/02/04 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
浅谈Nodejs观察者模式
2015/10/13 NodeJs
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
angularjs表格分页功能详解
2016/01/21 Javascript
jQuery通过ajax快速批量提交表单数据
2016/10/25 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
Json按某个键的值进行排序
2016/12/22 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
python编写Logistic逻辑回归
2020/12/30 Python
python实现电脑自动关机
2018/06/20 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
如何在python中写hive脚本
2019/11/08 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
python定义类的简单用法
2020/07/24 Python
史上最详细的Python打包成exe文件教程
2021/01/17 Python
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
泰国的头号网上婴儿用品店:Motherhood.co.th
2019/04/09 全球购物
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
十佳美德少年事迹材料
2014/02/05 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
优秀少先队大队辅导员事迹材料
2014/05/04 职场文书
卫生系统先进事迹
2014/05/13 职场文书
优秀本科毕业生自荐信
2014/07/04 职场文书
2014年教师节国旗下讲话稿
2014/09/10 职场文书
2014年最新大专生职业生涯规划书范文
2014/09/13 职场文书
土建施工员岗位职责
2015/04/11 职场文书
情侣餐厅的创业计划书范本!
2019/07/26 职场文书