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


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 相关文章推荐
基于jQuery的投票系统显示结果插件
Aug 12 Javascript
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 Javascript
一行代码告别document.getElementById
Jun 01 Javascript
Javascript图像处理—平滑处理实现原理
Dec 28 Javascript
javascript动态设置样式style实例分析
May 13 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 Javascript
JS实现li标签的删除
Apr 12 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
Vue实现简单的跑马灯
May 25 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
Home Coffee Roasting
2021/03/03 咖啡文化
PHP实现显示照片exif信息的方法
2014/07/11 PHP
php使用ffmpeg获取视频信息并截图的实现方法
2016/05/03 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
PHP实现文字写入图片功能
2019/02/18 PHP
php根据命令行参数生成配置文件详解
2019/03/15 PHP
PHP解密支付宝小程序的加密数据、手机号的示例代码
2021/02/26 PHP
Javascript 面向对象 命名空间
2010/05/13 Javascript
js获取浏览器的可视区域尺寸的实现代码
2011/11/30 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
AngularJS基础 ng-show 指令简单示例
2016/08/03 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
2016/11/29 Javascript
jQuery遍历节点方法汇总(推荐)
2017/05/13 jQuery
js轮播图无缝滚动效果
2017/06/17 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
Vue插值、表达式、分隔符、指令知识小结
2018/10/12 Javascript
javascript 函数的暂停和恢复实例详解
2020/04/25 Javascript
关于Node.js中频繁修改代码重启服务器的问题
2020/10/15 Javascript
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
Python实现去除列表中重复元素的方法小结【4种方法】
2018/04/27 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
pandas.cut具体使用总结
2019/06/24 Python
python多进程并发demo实例解析
2019/12/13 Python
python爬虫添加请求头代码实例
2019/12/28 Python
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
英国航空官网:British Airways
2016/09/11 全球购物
趣味运动会活动方案
2014/02/12 职场文书
委托书格式
2014/08/01 职场文书
相亲活动方案
2014/08/26 职场文书
先进基层党组织材料
2014/12/25 职场文书
python学习之panda数据分析核心支持库
2021/05/07 Python
详解MySQL多版本并发控制机制(MVCC)源码
2021/06/23 MySQL
Golang连接并操作MySQL
2022/04/14 MySQL
python画条形图的具体代码
2022/04/20 Python