uni-app中页面传值 传递对象类型参数[object,object]

我在百度的时候看到几篇很好的文章,分享一下
uni-app页面传值传递对象类型的数据
微信小程序(uni-app)url参数传递对象
本来clog传递后的参数,是[object,object],很费解。后来用了作者的JSON.parse(decodeURIComponent(option.item));方法后还是报错,

goGoods页面
kefuOrder(){
	let obj = {
			name : this.goods.name,
			price : this.goods.price,
			showPrice : this.goods.showPrice,
		}
	console.log(obj);
	uni.navigateTo({
	url:'../webChat/webChat?obj='+ encodeURIComponent(JSON.stringify(obj))
	})
}
<script>
	export default {
		data() {
			return {
				obj: {},
				src: ''
			}
		},
		onLoad(e){
			this obj = JSON.parse(decodeURIComponent(e.obj));
			console.log(this.obj);
			
		},
		methods: {
			
		}
	}
</script>

我跟作者传递的对象有细微的差别,作者传递的对象内还包含了对象,而我的对象内就内有更多的对象类型的数据了。后来才知道如果对象内没有嵌套对象,可以直接用JSON.stringify(obj)
上代码:

kefuOrder(){
				let obj = {
					name : this.goods.name,
					price : this.goods.price,
					showPrice : this.goods.showPrice,
				}
				console.log(obj);
				// console.log('发送请求,1获取相应产品对应的客户信息,或者2进入聊天页');
				uni.navigateTo({
					// 如果对象里面嵌套着对象,就需要用decodeURIComponent,否则只需要用JSON.parse就可以
					// url:'../webChat/webChat?obj='+ encodeURIComponent(JSON.stringify(obj))
					url:'../webChat/webChat?obj='+ JSON.stringify(obj)
			
<script>
	export default {
		data() {
			return {
				obj: {},
				src: ''
			}
		},
		onLoad(e){
			// this.obj = JSON.parse(decodeURIComponent(e.obj));
			this.obj =  JSON.parse(e.obj);
			console.log(this.obj);
		},
		methods: {
			
		}
	}
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值