uni-app-微信小程序onShareAppMessage设置全局分享
目录
uni-app 微信小程序onShareAppMessage设置全局分享
一、新建share.js文件
common/share.js下创建文件，写入简单分享代码
以下是代码中各个属性的简要说明：
title- 分享内容的标题。
path- 分享内容的链接路径。
imageUrl- 分享内容的图片链接。
desc- 分享内容的简短描述。
content- 分享内容的详细内容或正文。
export default {
data() {
return {
//设置默认的分享参数
share: {
title: '',
path: '/pages/index/index',
// imageUrl: '',
// desc: '111111',
// content: '22222'
}
}
},
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() {},
}二、main.js中进行全局注册
import share from './common/share.js'
Vue.mixin(share)
三、设置成功，每个页面都可点击右上角，再点击分享按钮分享给好友和朋友圈
