分享功能有很多种做法,我这里只说我遇到的一种,分享指定的单个页面给好友看,那么我参考的资料是uni-app官网的,链接在此:分享 | uni-app官网
我需要实现的功能其实是uni-app自带的分享功能,主要是去实现点击右上角三个点然后弹出的分享功能:
可以看到现在还没有实现该功能,但是我们去官网可以看到官网自带一个分享功能的函数,函数名称为:onShareAppMessage
具体的需要填写的携带的参数大家可以去官网查询,我这里只是实现一个最简单的分享功能,比如要实现当前页面的分享,只需要在当前页面的script代码中添加下面这一段就可以了(注意和onload,created等生命周期同级):
<script>
export default {
data() {
return {
}
},
methods: {
},
onShareAppMessage() { // 分享到微信好友
return {
title: '详情页面',
path: '/pages/qqqyfx/qqqyfx',
imageUrl: '../../static/home-png/icon-1-2ymjss.png',
}
},
}
</script>
上面的onShareAppMessage加进去以后就会发现,我们在对应的页面就可以实现分享的功能了,如果想点击当前页面分享另外的页面,只修要在路径path中切换成对应的即可,不仅限制于分享当前页面:
那么这个简单的分享功能就实现了。