微信小程序分享功能
最近做了一个小程序想实现点击按钮来实现选择分享二维码还是当前页面,
效果如图:
原本打算使用actionsheets来完成这个效果,但是组件库里不支持传标签 后来就自己来实现一个弹出框来实现,分享小程序这看起来不像button实际上就只能采用button来进行实现。最后做一个
小程序实现分享功能有这几种
通过Button按钮添加属性 wechat-open-type=‘share’ 就可以直接对当前页面进行分享
还有就是右上角直接分享页面 需要去配置一下onShareAppMessage
`Page({
onShareAppMessage: function (res) {
if (res.from === 'button') {
// 来自页面内转发按钮
console.log(res.target)
}
return {
title: '自定义转发标题',
path: '/page/user?id=123'
}
}
})
`
remax中使用钩子 直接使用usePageEvent来配置
usePageEvent('onShareAppMessage', (res) => {
if (res.from === 'button') {
// 来自页面内转发按钮
// setOpen(true);
}
});