uniapp navigateTo url路由传参(传递对象)

我不许人间见白头

已于 2023-01-15 23:18:53 修改

阅读量2.6k

点赞数

文章标签： uni-app javascript 前端

于 2023-01-14 16:15:45 首次发布

本文链接：https://blog.youkuaiyun.com/wukongaixuexi/article/details/128686238

版权

在uniapp中，可以使用navigateTo方法结合JSON.stringify将对象转换为字符串进行路由传递，如myInInfoClick函数所示。在目标页面onLoad选项中，再通过JSON.parse将接收到的参数还原为对象，例如this.form=JSON.parse(option.dataItem)。这种方法便于在页面间传递复杂数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp navigateTo url路由传参(传递对象)

1、跳转页面

// 详情
myInInfoClick(obj) { 
  uni.navigateTo({ 
     url:'./components/addIn?dataItem='+encodeURIComponent(JSON.stringify(obj))
  });
},

2. 跳转到的页面

onLoad(option) { 
       let str = decodeURIComponent(option.dataItem)
			if(str != "undefined"){
				this.userInfo = JSON.parse(str);
				console.log(this.userInfo);
			}
    }