uniapp实现微信小程序全局可分享功能

uniapp实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】
主要使用 Vue.js 的 全局混入

1.创建一个全局分享的js文件。示例文件路径为：./utils/shareWx.js ，在该文件中定义全局分享的内容：

export default {
	data() {
		return {}
	},
	//分享小程序
	onShareAppMessage(e) {
		if (e.from === 'button') {
			console.log('来自页面内转发按钮');
		} else if (e.from === 'menu') {
			console.log('右上角菜单转发按钮');
		}
		return {
			// 自定义分享内容
			title: 'xxxx',
			desc: 'xxxxxx',
			path: '/pages/index/index', // 路径，可传递参数到指定页面
			imageUrl: 'https://xxxxxx.com.cn'
		};
	},
	// 分享到朋友圈
	onShareTimeline() {
		return {
			title: 'xxxxx',
			path: '/pages/index/index',
			imageUrl: 'https://xxxxxx.com.cn'
		};
	},
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

2.在项目的 main.js 文件中引入该 shareWx.js 文件, 并使用 Vue.mixin() 方法将之全局混入：
// 导入并挂载全局的分享方法