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


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使Div居中并随网页大小改变而改变
Jun 24 Javascript
JQuery筛选器全系列介绍
Aug 27 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
Jul 05 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
详解Vuejs2.0之异步跨域请求
Apr 20 Javascript
JavaScript实现购物车基本功能
Jul 21 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
Oct 09 Javascript
React Native 搭建开发环境的方法步骤
Oct 30 Javascript
微信web端后退强制刷新功能的实现代码
Mar 04 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
Jan 20 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
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
Div Select挡住的解决办法
2008/08/07 Javascript
类似CSDN图片切换效果脚本
2009/09/17 Javascript
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
Jquery 一次处理多个ajax请求的代码
2011/09/02 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
JS中showModalDialog 的使用解析
2013/04/17 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
js实现特定位取反原理及示例
2014/06/30 Javascript
jQuery获取多种input值的简单实现方法
2016/06/20 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
Vue.js学习笔记之修饰符详解
2017/07/25 Javascript
vue修改vue项目运行端口号的方法
2017/08/04 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
vue组件入门知识全梳理
2020/09/21 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
解决python3爬虫无法显示中文的问题
2018/04/12 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
win10安装tensorflow-gpu1.8.0详细完整步骤
2020/01/20 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
澳大利亚优质葡萄酒专家:Vintage Cellars
2019/01/08 全球购物
师德建设实施方案
2014/03/21 职场文书
中学生运动会新闻稿
2014/09/24 职场文书
出纳工作检讨书
2014/10/18 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
js 实现Material UI点击涟漪效果示例
2022/09/23 Javascript