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

 更新时间: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中简单的进制转换代码实例,有需要的朋友可以参考一下
    2013-10-10
  •  javascript学数组中的foreach方法和some方法

     javascript学数组中的foreach方法和some方法

    这篇文章主要介绍了 javascript学数组中的foreach方法和some方法,文章相关内容和代码详细,具有一定的参考价值,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2022-03-03
  • JavaScript中各种编码解码函数的区别和注意事项

    JavaScript中各种编码解码函数的区别和注意事项

    JavaScript 中encodeURI,encodeURIComponent与escape的区别和注
    2010-08-08
  • js模块加载方式浅析

    js模块加载方式浅析

    这篇文章主要为大家详细介绍了js模块加载方式的初级学习资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • js控制台输出的方法(详解)

    js控制台输出的方法(详解)

    下面小编就为大家带来一篇js控制台输出的方法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • JS实现京东放大镜效果

    JS实现京东放大镜效果

    这篇文章主要为大家详细介绍了JS实现京东放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • IE8 内存泄露(内存一直增长 )的原因及解决办法

    IE8 内存泄露(内存一直增长 )的原因及解决办法

    最近开发的时候对页面使用了定时的局部更新,结果在ie6,7和Firefox下,一切正常,而在ie8下过上几个小时就浏览器就崩溃了,显示是内存溢出,下面由脚本之家小编给大家介绍ie8下内存一直增长内存泄漏的原因及解决办法,需要的朋友一起学习吧
    2016-04-04
  • Javascript Echarts空气质量地图效果详解

    Javascript Echarts空气质量地图效果详解

    这篇文章主要介绍了详解Javascript利用echarts画空气质量地图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-10-10
  • Three.js中矩阵和向量的使用教程

    Three.js中矩阵和向量的使用教程

    这篇文章主要给大家介绍了关于Three.js中矩阵和向量使用的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Three.js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • 如何使用headjs来管理和异步加载js

    如何使用headjs来管理和异步加载js

    本文主要介绍如何使用headjs来管理和异步加载js,提高页面的加载速度,需要的朋友可以参考下
    2016-11-11

最新评论