上個(gè)月在做小程序的項(xiàng)目時(shí)，甲方需要給小程序添加個(gè)分享的功能，查看uniapp官方文檔后，發(fā)現(xiàn)uniapp有自帶的小程序分享功能（https://uniapp.dcloud.io/api/plugins/share），里面一堆的參數(shù)介紹，你們自己看看吧。我這里就自己封裝了一個(gè)，哪個(gè)頁面需要就在哪個(gè)頁面調(diào)用

1. 創(chuàng)建一個(gè)js文件（share.js）

export default{
    data(){
        return {
            //設(shè)置默認(rèn)的分享參數(shù)
            share:{
                title:'ALAPI',
                path:'/pages/index/index',
                imageUrl:'',
                desc:'',
                content:''
            }
        }
    },
    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'
                })
            }
        }
    }
}

2. 全局使用, 在 main.js 里面 添加全局的 mixin

import share from '@/....你的路徑.../share.js'
Vue.mixin(share)

3.在需要的頁面進(jìn)行調(diào)用就行啦

export default {
data(){
        return {
                       //設(shè)置默認(rèn)的分享參數(shù)
            share:{
                title:'ALAPI',
                path:'/pages/index/index',
                imageUrl:'',
                desc:'',
                content:''
            }
        }
    },