uni-app 微信小程序onShareAppMessage设置全局分享

一、新建share.js文件

common/share.js下创建文件，写入简单分享代码

以下是代码中各个属性的简要说明：

• title: 分享内容的标题。
• path: 分享内容的链接路径。
• imageUrl: 分享内容的图片链接。
• desc: 分享内容的简短描述。
• content: 分享内容的详细内容或正文。

export default {
	data() {
		return {
			//设置默认的分享参数
			share: {
				title: '',
				path: '/pages/index/index',
				// imageUrl: '',
				// desc: '111111',
				// content: '22222'
			}
		}
	},
	onShareAppMessage(res) {
		return {
			title: this.share.title,
			path: this.share.path,
			// imageUrl: this.share.imageUrl,
			// desc: this.share.desc,
			// content: this.share.content,
			success(res) {
				uni.showToast({
					title: '分享成功'
				})
			},
			fail(res) {
				uni.showToast({
					title: '分享失败',
					icon: 'none'
				})
			}
		}
	},
	onShareTimeline() {},
}

二、main.js中进行全局注册

import share from './common/share.js'
Vue.mixin(share)

三、设置成功，每个页面都可点击右上角，再点击分享按钮分享给好友和朋友圈