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


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入门教程(8) Location地址对象
Jan 31 Javascript
不要在cookie中使用特殊字符的原因分析
Jul 13 Javascript
DIV菜单层实现代码
Nov 19 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
javascript中使用未定义变量或值的情况分析
Jul 19 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
Express进阶之log4js实用入门指南
Feb 10 Javascript
ES6学习笔记之map、set与数组、对象的对比
Mar 01 Javascript
webpack开发环境和生产环境的深入理解
Nov 08 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 Javascript
JavaScript实现多球运动效果
Sep 07 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 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中GET变量的使用
2006/10/09 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
node.js中的http.response.addTrailers方法使用说明
2014/12/14 Javascript
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
JavaScript中省略元素对数组长度的影响
2016/10/26 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
2017/07/27 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
Vue的data、computed、watch源码浅谈
2020/04/04 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
Flask Web开发入门之文件上传(八)
2018/08/17 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
纪伊国屋新加坡网上书店:Kinokuniya新加坡
2017/12/29 全球购物
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
业务员简历自我评价
2014/03/06 职场文书
关爱留守儿童倡议书
2014/04/15 职场文书
2015年纪检监察工作总结
2015/04/08 职场文书
中标通知书范本
2015/04/17 职场文书
爱心募捐通知范文
2015/04/27 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
解除租赁合同协议书
2016/03/21 职场文书
CocosCreator入门教程之网络通信
2021/04/16 Javascript
苹果的回收机器人可以通过拆解iPhone获取大量的金和铜并外公布了环境保护最新进展
2022/04/21 数码科技