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

 更新时间:2019年05月17日 09:50:58   作者:Renyinyu  
本文通过两种方法给大家介绍微信小程序实现带参数的分享,需要的朋友可以参考下

微信小程序分享功能的实现方法有两种:

第一种

在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调试功能无法使用解决方案

    这篇文章主要介绍了浏览器JavaScript调试功能无法使用解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • 详解javascript跨浏览器事件处理程序

    详解javascript跨浏览器事件处理程序

    这篇文章主要为大家详细介绍了javascript跨浏览器事件处理机制,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 模仿password输入框的实现代码

    模仿password输入框的实现代码

    下面小编就为大家带来一篇模仿password输入框的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • javaScript如何跳出多重循环break、continue

    javaScript如何跳出多重循环break、continue

    这篇文章主要为大家详细介绍了javaScript如何跳出多重循环break、continue,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JS实现的模仿QQ头像资料卡显示与隐藏效果

    JS实现的模仿QQ头像资料卡显示与隐藏效果

    这篇文章主要介绍了JS实现的模仿QQ头像资料卡显示与隐藏效果,涉及javascript鼠标事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下
    2017-04-04
  • javascript阻止事件冒泡和浏览器的默认行为

    javascript阻止事件冒泡和浏览器的默认行为

    本篇文章主要介绍了javascript阻止事件冒泡和浏览器的默认行为。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript报错:Uncaught TypeError: XXX is not iterable的解决方法

    JavaScript报错:Uncaught TypeError: XXX is 

    在 JavaScript 编程中,“Uncaught TypeError: XYZ is not iterable” 是一种常见的错误,这种错误通常发生在试图对一个非可迭代对象进行迭代操作时,了解这种错误的成因和解决方法,对于编写健壮的代码至关重要,需要的朋友可以参考下
    2024-07-07
  • js浏览器html5表单验证

    js浏览器html5表单验证

    这篇文章主要为大家详细介绍了js浏览器html5表单验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Bootstrap 3 进度条的实现

    Bootstrap 3 进度条的实现

    这篇文章主要介绍了Bootstrap 3 进度条的实现,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • Bootstrap实现的标签页内容切换显示效果示例

    Bootstrap实现的标签页内容切换显示效果示例

    这篇文章主要介绍了Bootstrap实现的标签页内容切换显示效果,结合完整实例形式分析了基于Bootstrap实现的标签页内容切换显示功能相关操作技巧,非常简单实用,需要的朋友可以参考下
    2017-05-05

最新评论