uniapp微信小程序实现分享功能
uniapp微信小程序实现分享功能
·
现在utils下创建一个share.js文件,然后将下面代码粘过去根据自己情况进行修改
全局分享:
// share.js
export default {
data() {
return {
share: {
title: '标题',
path: '', // 要分享的页面路径
imageUrl: '', // 图片
}
}
},
// 分享给朋友
onShareAppMessage(res) {
return {
title: this.share.title,
path: this.share.path,
imageUrl: this.share.imageUrl,
}
},
// 分享到朋友圈
onShareTimeline(res) {
return {
title: this.share.title,
path: this.share.path,
imageUrl: this.share.imageUrl,
}
},
}
// main.js
import share from './utils/share.js' // 导入并挂载全局的分享方法
Vue.mixin(share)
单页面分享:
export default{
// 分享到微信好友
onShareAppMessage() {
return {
title: '标题',
path: '',
imageUrl: '图片',
}
},
// 分享到朋友圈
onShareTimeline() {
return {
title: '标题',
path: '',
imageUrl: '图片',
}
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)