分享给好友 / 分享到群聊中

<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)
},

页面参数如下:(打印结果)
image.png


sourcenode
307 声望29 粉丝

以少聚多,持之以恒!


下一篇 »
重启 mongodb