微信小程序分享API onShareAppMessage
带的参数只能叫id
,不能叫其他的,不然拿不到。
使用时可以在单页面使用,也可以使用全局混入,一般来说我们都使用全局混入的方式去做。
注意,这个函数是一个页面钩子函数,需要与onLoad等函数同级。
使用示例:
//share.mixin.js
export default {
data() {
return {
share: {
title: '你的标题',
path: '/pages/index/index',
imageUrl: '',
desc: '',
}
}
},
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'
})
}
}
}
}
在页面中使用:
//example.vue
async onLoad(options) {
console.log(options);
if(options.id) { //如果传过来是id则为分享页面进入的
this.spu_id = options.id
this.share.path = `/pages/index/goodsDetail?id=${options.id}`
return
}
this.spu_id = options.spu_id;
this.share.path = `/pages/index/goodsDetail?id=${options.spu_id}`;
}
网友评论