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


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 相关文章推荐
写的htc的数据表格
Jan 20 Javascript
JavaScript window.document的属性、方法和事件小结
Oct 24 Javascript
js获取滚动距离的方法
May 30 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
Bootstrap图片轮播组件使用实例解析
Jun 30 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
Oct 31 Javascript
js实现1,2,3,5数字按照概率生成
Sep 12 Javascript
微信小程序 循环及嵌套循环的使用总结
Sep 26 Javascript
详解JavaScript添加给定的标签选项
Sep 17 Javascript
vue实现百度搜索功能
Dec 28 Javascript
解决node终端下运行js文件不支持ES6语法
Apr 04 Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 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 header()函数使用说明
2008/07/10 PHP
PHP中读写文件实现代码
2011/10/20 PHP
PHP数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
PHP安装memcached扩展笔记
2015/05/28 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
js 内存释放问题
2010/04/25 Javascript
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
2014/08/18 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
Javascript实现跑马灯效果的简单实例
2016/05/31 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
2017/06/02 jQuery
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
详解windows下vue-cli及webpack 构建网站(三)使用组件
2017/06/17 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
2017/08/24 Javascript
vue组件中的数据传递方法
2018/05/14 Javascript
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
[01:02]DOTA2上海特锦赛SHOWOPEN
2016/03/25 DOTA
python根据出生日期获得年龄的方法
2015/03/31 Python
python2 与python3的print区别小结
2018/01/16 Python
python如何修改装饰器中参数
2018/03/20 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
Tensorflow 模型转换 .pb convert to .lite实例
2020/02/12 Python
Python3的socket使用方法详解
2020/02/18 Python
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
会计电算化大学生职业规划书
2014/02/05 职场文书
三好学生竞选稿范文
2019/08/21 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
HTML+VUE分页实现炫酷物联网大屏功能
2021/05/27 Vue.js
Python Matplotlib绘制条形图的全过程
2021/10/24 Python