uniapp分享给好友、分享到朋友圈(带参数)。参数带不过去/参数获取不到

  • 分享给好友 / 聊天对话框中

带参数onShareAppMessage方法中)

html:

<button  open-type="share" @share='onShareAppMessage' :data-obj="item" >
	分享给好友 / 分享到聊天对话框中
</button>

js: 

// 定义在 data 中的参数
/*
    data(){
        return{
	        item:{
        		name:'13',
        		value:'234234'
        	}
        }
    }

*/

onShareAppMessage() {
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)
},

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

扫描二维码关注公众号,回复: 15559544 查看本文章

猜你喜欢

转载自blog.csdn.net/Shimeng_1989/article/details/126609667