分享给好友 / 分享到群聊中
<button open-type="share" @share='onShareAppMessage' :data-obj="item" >
分享给好友 / 分享到群聊中
</button>
具体js代码
// 定义在 data 中的参数
/*
data(){
return{
item:{
name:'13',
value:'234234'
}
}
}
*/
onShareAppMessage(e) {
console.log(e)
if(e.from=='button'){
// 点击button按钮分享的
// do something
}
if(e.from=='menu'){
// 点击右上角...按钮(三个点按钮)分享的
// do something
}
// 获取按钮传进来的参数 data 中的item值
let params = e.target.dataset.obj// 获取的为 data 中定义的item值
return {
title: '租车详情介绍',
path: `/pages/login/login?id=123&name=王串串` // 固定参数
// path: `/pages/login/login?id=${this.info.id}&name=${this.name}`//动态参数
}
},
分享到朋友圈
两种方法: (总有一种你能获取到)
1. 网上找的获取不到参数
2. 我用的能获取到的
// 两种方法的区别只在于 query 的传参方式
// 我用的,能获取到参数的方法(如下:)
onShareTimeline() {
let id ='9999'
let name = '王串串'
return {
title:'租车' , // 标题
path: '/pages/login/login', // 分享路径
query:'id=342&name=王串串&type=朋友圈',
// query:`id=${this.info.id}&openId=${this.openId}&type=朋友圈`,// 动态参数1
// query: "id=" + id+"&name=" +name, // "goodId=456&d=123"
imageUrl: 'https://cdn.uviewui.com/uview/swiper/1.jpg' // 分享图
};
}
// 网上找的传参方式,获取不到参数(如下:)
onShareTimeline() {
return {
title:'租车' , // 标题
path: '/pages/login/login', // 分享路径
query:{
id:'234324',
name:'王串串',
age:'57'
},
imageUrl: 'https://cdn.uviewui.com/uview/swiper/1.jpg' // 分享图
};
}
获取参数:(onLoad 或 onShow 中获取)-----onShareAppMessage也在此获取
onLoad(options) {
console.log(options)
},
页面参数如下:(打印结果)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。