uniapp 微信小程序分享功能(打开右上角分享)

1. 新建share.js文件, 目录为: @/static/js/share.js

export default {
	data() {
		return {
			share: {
				// 转发的标题 （默认标题）
				title: '默认标题',
				// 默认是当前页面，必须是以‘/’开头的完整路径
				path: '/pages/home/home',
				//自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，
				//支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
				imageUrl: ''
			}
		}
	},
	/*
	 在要分享的页面 生命周期中  设计当前页面分享标题
	 onLoad() {
	     this.share.title = "当前页面分享标题"
	 },
	 */
	// 发送给朋友
	onShareAppMessage(res) {
		// 来自页面内的按钮的转发
		if (res.from == 'button') {
			console.log("按钮转发--配置");
		}
		// 获取加载的页面
		let pages = getCurrentPages(),
			// 获取当前页面的对象
			view = pages[pages.length - 1];
		// this.share.path = `/${view.route}`;
		this.share.path = '/pages/home/home';
 
		//转发参数
		return this.share;
	},
	//分享到朋友圈
	onShareTimeline(res) {
		// 获取加载的页面
		let pages = getCurrentPages(),
			// 获取当前页面的对象
			view = pages[pages.length - 1];
		// console.log("获取加载的页面", pages);
		console.log("当前页面的对象", view);
		// this.share.path = `/${view.route}`; //分享当前页面
		this.share.path = '/pages/home/home'; //指定分享页面 
		//转发参数
		return this.share;
	}
}

2.在main.js中设置

        注意: 须在定义vue后使用

// 全局分享
import share from '@/static/js/share.js'
Vue.mixin(share)