uni-app路由传参(对象)接收时候为[object,object]踩坑

超、凢脫俗 2022-11-14 14:46 214阅读 0赞

## 路由传参\[object,object\] ##

需求：

点击动态传递参数，参数为当前对象

<view class="position_item" v-for="(item,index) in wshAddress" @click="toMap(item)">
    				<view class="position_item_title">慧慧</view>
    				<view class="position_item_content">
    					<view>经度：{ { item.longitude}}</view>
    					<view>纬度：{ { item.latitude}}</view>
    					<view>详细地址：{ { item.address}}</view>
    					<view class="time">{ { item.date}}</view>
    				</view>

刚开始我是这样传递的

methods: { 
    			toMap(item){ 
    				uni.navigateTo({ 
    					url:"../map/map?record="+item
    				})
    			},

在跳转界面接收

onLoad(record) { 
    			this.record=record.record
    			console.log(this.record)
    			
    		},

结果我拿到的只是\[object,object\]

![object][]  
直接点出属性为undefined

于是我想到了JSON.stringify()

结果：。。。。。。  
![在这里插入图片描述][20210330090626243.png]  
直接裂开，就【object,object】直接给加了个双引号？？？？想了好久，也没想明白问题出在哪儿。

最后，突然想到，可能是在传递中出现的问题，于是改变传递方法，在传递的时候，直接转为JSON字符串，

toMap(item){ 
    				uni.navigateTo({ 
    					url:"../map/map?record="+JSON.stringify(item)
    				})
    			},

传递页面
    onLoad(record) { 
    			this.record=record.record
    			console.log(this.record)
    			
    		},

再从新接收打印  
![成功][20210330091104453.png]  
成功！！！完美解决

[object]: /images/20221022/7aafaec397a142c39ae374980b30d48e.png
[20210330090626243.png]: /images/20221022/1b87e82ddb3f4458b890632db05cc319.png
[20210330091104453.png]: /images/20221022/60e06703a6264fc1be82a7c24f088f6c.png