代码先锋网 代码片段及技术文章聚合

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>
版权声明:本文为Boo_crob原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Boo_crob/article/details/112277044

智能推荐

uniapp-页面间传值,返回时把值传递给上一页面

1、正向传值: a.vue 跳转到b.vue 页面,a向b传值,可通过跳转时url带参数的形式;如下: b页面在onLoad中通过option来获取传递过来的参数    2、返回传值 b.vue返回到a.vue 页面,把name值“helloworld”传给a页面: b页面中设置上一页面的值 a页面在onshow中重置name的值 3、适用场景: 如,当...

uniapp uqrcode中text属性string转对象 [object object]

在做项目实现扫码功能时 返回的结果是[object object] ####下面是制作的二维码片段 ####扫码结果返回时,用转json...

ECMAScript中函数传递的参数是object的话,是按值传递还是按引用传递?

ECMAScript中函数传递的参数是object的话,是按值传递还是按引用传递? 之前看书时,有下面2段代码,当时看的时候感觉不甚理解,后来查了很多资料,现在整理了一下,分享出来一起学习。 ES中包含两种不同数据类型的值:基本类型值和引用类型值。 基本类型值是指简单的数据段,比如:UNdefined、Null、Number、String、Boolean。 而引用类型值指可能由多个值构成的对象。比...

uniapp页面传值

发送 接受...

uniapp页面传值

一、传递单个或者多个参数 商品列表页: 商品详情页面: 二、传递数组或者对象 如需要传递的参数有很多时,由uniapp 跳转页面api 的 url 有长度限制,需使用以下方式进行数据传递: 商品列表页面: 商品详情页面: 注意:传递数据的时候必须使用 JSON.stringify 将其转为 JSON 字符串,然后接收的时候也必须使用 JSON.parse 来进行解析! 操作数组也是一样的,因为数组...

猜你喜欢

uniapp 跳转页面传取参数

假设是从A页面传参到B页面: A页面传参: B页面(跳转页面)取参...

vue中跳转页面携带参数传值

1、query携带参数 2、params携带参数 3、二者区别 params 和 命名路由的name 一起使用 并且页面刷新时参数也会消失 query 和 路由地址 path 一起使用,页面刷新不会丢掉参数 (由此可见我个人更偏向于query传参) 4、参数接收 this.$route.query.参数名称 this.$route.params.参数名称 5、特别注意!!! 传参时用的是 $rou...

uniapp页面参数传递

uni-app 有两种路由跳转方式:使用navigator组件跳转、调用API跳转 1、 2、 接收参数  ...

uniapp 页面传递参数

传入页面 接收页面...

《Python编程快速上手》实践项目——第四章

4.11.1逗号代码 4.11.2掷硬币的连胜 4.11.3字符图网格...