uniapp微信小程序分享、全页面分享、封装JS，手把手教学┗|｀O′|┛ 嗷~~

项目场景：

1、小程序每个页面都允许分享
2、允许更改分享参数

---

功能分析：

1、定义分享内容对象数据容器
2、定义分享的API方法
3、引入 main.js Vue使用

---

实现步骤：

1、封装 share.js

export default{
    data(){
        return {
		   //设置默认的分享参数
            share:{
                title:'分析标题',
                path:'/pages/***/***',
                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'
                })
            }
        }
    },
	onShareTimeline(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、Vue main.js引用文件 = > 引入项目对应的文件

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

3、页面使用

data(){
	return {
		share:{
			title:'',
			path:'/pages/***/***',
			imageUrl:'',
			desc:'',
			content:''
		}
	}
}

---

效果展示：

分享朋友

分享朋友圈