[JavaScript知识库]uni-app小程序分享

uni-app小程序分享（全局）

在common文件下share.js

export default {
	data() {
		return {
			share: {
				// 转发的标题 （默认标题）
				title: '',
				// 默认是当前页面，必须是以‘/’开头的完整路径
				path: '',
				//自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，
				//支持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/index/index';

		//转发参数
		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/index/index';
		//转发参数
		return this.share;
	}
}

在main.js里面引入

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