微信小程序分享好友和朋友圈的功能_微信朋友圈分享按钮灰色

在做好小程序后，看到右上角三点的分享好友和朋友圈是暗灰色的不能点。如图

新建share.js文件全局引入

export default {
	data() {
		return {
			//设置默认的分享参数
			sharedata: {
				title: '*************',
				path: '/pages/index/index',
				imageUrl: '',
				desc: '',
				content: ''
			}
		}
	},
	//发送给朋友
	onShareAppMessage(res) {
		return {
			title: this.sharedata.title,
			path: this.sharedata.path,
			imageUrl: this.sharedata.imageUrl,
			desc: this.sharedata.desc,
			content: this.sharedata.content,
			success(res) {
				uni.showToast({
					title: '分享成功'
				})
			},
			fail(res) {
				uni.showToast({
					title: '分享失败',
					icon: 'none'
				})
			}
		}
	},

	//uniapp微信小程序分享页面到微信朋友圈
	onShareTimeline(res) {
		return {
			title: this.sharedata.title,
			query: '',
			imageUrl: this.sharedata.imageurl,
			success(res) {
				uni.showToast({
					title: '分享成功'
				})
			},
			fail(res) {
				uni.showToast({
					title: '分享失败',
					icon: 'none'
				})
			}
		}
	}

}

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

main.js 全局引入

import share from './util/share.js'
Vue.mixin(share)
1
2

这样子就可以用了