1、 实现效果
这个如果不写代码就是灰色的不能使用
2、api地址
3、这是 找到个大佬的文章很好用给大家看下
uni-app小程序分享功能实现_uniapp onsharetimeline-CSDN博客
4、记录是方便自己学习
4.1 把这个建一个文件
export const mixin = {
data () {
return {
share: {
// 转发的标题
title: '预约挂号演示',
// 转发的路径,默认是当前页面,必须是以‘/’开头的完整路径,/pages/index/index
path: '',
//自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,
//支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
imageUrl: ''
}
}
},
// 分享到微信
onShareAppMessage: function () {
// 获取加载的页面
let pages = getCurrentPages(), view = pages[pages.length - 1]
//分享的页面路径
if(!this.share.path) {
// #ifdef MP-WEIXIN
this.share.path = `/${view.route}`
//#endif
//#ifdef MP-ALIPAY
this.share.path = view.$page.fullPath
//#endif
}
//转发参数
return this.share
},
// 分享到朋友圈
onShareTimeline () {
// 获取加载的页面
let pages = getCurrentPages(), view = pages[pages.length - 1]
//分享的页面路径
if(!this.share.path) {
// #ifdef MP-WEIXIN
this.share.path = `/${view.route}`
//#endif
//#ifdef MP-ALIPAY
this.share.path = view.$page.fullPath
//#endif
}
//转发参数
return this.share
},
}
4.2、引入
main.js
import {mixin} from '@/utils/mixin.js'
Vue.mixin(mixin)
标签:__,uniapp,路径,share,朋友圈,mixin,path,pages,view From: https://blog.csdn.net/apple_70049717/article/details/141360513使用混入,所有页面即可能使用分享功能