欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-10-22 18:55:10
微信小程序分享功能的实现方法有两种: 第一种 在page.js中实现onshareappmessage,便可在小程序右上角选择分享该页面 onshareap...

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

第一种

在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);
 }
})

总结

以上所述是小编给大家介绍的微信小程序实现带参数的分享功能(两种方法),希望对大家有所帮助