uni-app小程序分享操作代码

做小程序项目的时候想到了做小程序分享到微信好友这个功能，不能每个页面写一下这样的话代码冗余太厉害，所以做了一下总结，大家互相指教，一起进步，欢迎讨论

1、在common中创建了一个share.js

export default{
    data(){
        return {
                       //设置默认的分享参数
            share:{
                title:'',
                path:'/pages/login/login',
                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中引入

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

3、这样设置以后在每个页面内都有了分享按钮，如果不做修改，可以直接这样使用，若做了修改，可在每个页面内做如下修改

export default {
data(){
        return {
                       //设置默认的分享参数
            share:{
                title:'ALAPI',
                path:'/pages/index/index',
                imageUrl:'',
                desc:'',
                content:''
            }
        }
    },

这样就可以了，分享朋友圈同上。

参考博客：https://blog.csdn.net/qq_35432904/article/details/106330079