uniapp小程序点击分享
时间: 2023-01-31 19:01:27 浏览: 558
可以使用uniapp的onShareAppMessage钩子函数来实现小程序分享功能。
在需要分享的页面的json文件中配置如下内容:
```
{
"usingComponents": {},
"navigationBarTitleText": "分享页面",
"enableShareAppMessage": true
}
```
然后在页面的js文件中使用onShareAppMessage钩子函数,返回分享内容的对象:
```
Page({
onShareAppMessage() {
return {
title: '分享的标题',
path: '/pages/share/share',
imageUrl: '/image/share.png'
}
}
})
```
如果需要在分享按钮上添加点击事件,可以在wxml文件中给分享按钮绑定点击事件,调用uni.shareAppMessage方法:
```
<button bindtap="share">分享</button>
```
```
Page({
share() {
uni.shareAppMessage({
title: '分享的标题',
path: '/pages/share/share',
imageUrl: '/image/share.png'
})
}
})
```
请注意,在分享按钮上绑定点击事件时,需要在json文件中取消enableShareAppMessage的配置。
阅读全文