uni-app小程序分享功能实现方法举例

onShareAppMessage: function() { // 分享到微信
  // 更多参数配置，参考文档
  return {
    title: '分享标题',
    path: '/pages/index/index'
  }
}

onShareTimeline() { // 分享到朋友圈
  return {
    title: '分享标题',
    path: '/pages/index/index'
  }
}

export const mixin = {
  data () {
    return {
      share: {
        // 转发的标题
        title: '我是默认标题',
        // 转发的路径，默认是当前页面，必须是以‘/'开头的完整路径，/pages/index/index
        path: '',
        //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，
        //支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
        imageUrl: ''
      }
    }
  },
  // 分享到微信
  onShareAppMessage: function () {
    // 获取加载的页面
    let pages = getCurrentPages(), view = pages[pages.length - 1]
    //分享的页面路径
    if(!this.share.path) {
		// #ifdef MP-WEIXIN	
    	this.share.path = `/${view.route}`
    	//#endif
    	//#ifdef MP-ALIPAY
    	this.share.path = view.$page.fullPath
    	//#endif
	}
    //转发参数
    return this.share
  },
  // 分享到朋友圈
  onShareTimeline () {
    // 获取加载的页面
    let pages = getCurrentPages(), view = pages[pages.length - 1]
    //分享的页面路径
    if(!this.share.path) {
		// #ifdef MP-WEIXIN	
    	this.share.path = `/${view.route}`
    	//#endif
    	//#ifdef MP-ALIPAY
    	this.share.path = view.$page.fullPath
    	//#endif
	}
    //转发参数
    return this.share
  },
}

// main.js
import {mixin} from './utils/mixin.js'
Vue.mixin(mixin)

// mixin.js
export const mixin = {
	created() { 
		console.log("先执行")
	}
}

// index.vue
import { mixin } from '@/mixin.js'
export default {
	mixins: [mixin], 
	created() { 
		console.log("后执行") 
	}
}

// mixin.js
export const mixin = { 
	data() { 
		return { 
			msg: '会被覆盖' 
		} 
	}
}

// index.vue
import { mixin } from '@/mixin.js'
export default {
	mixins: [mixin], 
	data() { 
		return { 
			msg: '最终结果' 
		} 
	}
}

// mixin.js
export const mixin = { 
	methods: {
		fun1() { 
			console.log('可以在index.vue中通过 this.fun1()调用')
		},
		fun2() {
			console.log('会被index.vue中的fun2覆盖')
		}
	}
}

// index.vue
import { mixin } from '@/mixin.js'
export default {
	mixins: [mixin], 
	methods: {
		fun2() {
			console.log('fun2最终结果')
		}
	}
}

import { mixin } from '@/mixin.js'
export default {
	mixins: [mixin]
}

import {mixin} from '@/mixin.js'
Vue.mixin(mixin)