1、mpShare.js(uview)
module.exports = {
onLoad() {
// 设置默认的转发参数
this.$u.mpShare = {
title: 'xxx', // 默认为小程序名称
path: '/pages/index/welcome', // 默认为当前页面路径
imageUrl: 'xxx' // 默认为当前页面的截图
}
},
onShareAppMessage() {
return this.$u.mpShare
},
// #ifdef MP-WEIXIN
onShareTimeline() {
return this.$u.mpShare
}
// #endif
}
2、main.js 引入
let mpShare = require('uview-ui/libs/mixin/mpShare.js');
Vue.mixin(mpShare)
原生
1、mpShare.js
export default {
data(){
return {
share:{
title:'xxx',
path:'/pages/index/welcome',
imageUrl:'xxx',
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、main.js 引入
import mpShare from "@/static/common/js/wx/mpShare.js"
Vue.mixin(mpShare)
里面有页面要单独设置,可以直接页面中设置覆盖
export default {
data() {
return {
share:{//分享参数
title:'分享标题',
path:'分享地址',
imageUrl:'分享预览图片',
desc:'分享详情',
content:'',
}
}
},
}