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


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 相关文章推荐
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 Javascript
js获取url传值的方法
Dec 18 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
jQuery创建及操作xml格式数据示例
May 26 jQuery
node.js Promise对象的使用方法实例分析
Dec 26 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
Nov 12 Javascript
AJAX检测用户名是否存在的方法
Mar 24 Javascript
vue3种table表格选项个数的控制方法
Apr 14 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
怎样在UNIX系统下安装php3
2006/10/09 PHP
PHP四大安全策略
2014/03/12 PHP
PHP实现的博客欢迎提示功能(很特别哦)
2014/06/05 PHP
PHP中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
jQuery实现可收缩展开的级联菜单实例代码
2013/11/27 Javascript
jQuery照片伸缩效果不影响其他元素的布局
2014/05/09 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
JavaScript基础语法、dom操作树及document对象
2014/12/02 Javascript
基于js中的原型、继承的一些想法
2016/08/10 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
基于JS实现仿京东搜索栏随滑动透明度渐变效果
2017/07/10 Javascript
JavaScript寄生组合式继承实例详解
2018/01/06 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
Vue实现点击显示不同图片的效果
2019/08/10 Javascript
Vue.js组件使用props传递数据的方法
2019/10/19 Javascript
vue引入静态js文件的方法
2020/06/20 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
[01:04:08]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第一场 12.16
2020/12/18 DOTA
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
node.js获取参数的常用方法(总结)
2017/05/29 Python
Python实现图片转字符画的示例
2017/08/22 Python
matplotlib调整子图间距,调整整体空白的方法
2018/08/03 Python
python交易记录整合交易类详解
2019/07/03 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
CSS3中新增的对文本和字体的设置
2020/02/03 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
英国网上购买门:Direct Doors
2018/06/07 全球购物
党员廉洁自律承诺书
2014/05/26 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
五星级酒店宣传口号
2015/12/25 职场文书
优质护理服务心得体会
2016/01/22 职场文书
html5调用摄像头实例代码
2021/06/28 HTML / CSS