uniapp 分享按钮的minxin

创建mixin的js文件

在根目录创建mixin目录，里面创建一个js,如share.js

export default{
    data(){
        return {
                       //设置默认的分享参数
            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'
                })
            }
        }
    }
}

全局混入（也可以页面局部混入）

main.js加入

import mixin from '@/mixins/share.js'

Vue.mixin(mixin)

这样微信小程序右上角三个点...所有页面都可以分享了

发表新评论