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

2022-03-10  本文已影响0人  中v中

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

第一种

在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);
 }
})
上一篇下一篇

猜你喜欢

热点阅读