uni-app使用uni.navigateTo传递对象参数示例代码

更新时间：2023年11月16日 15:32:43 作者：Bonsoir777

最近在做微信小程序用的是uniapp开发的,自己记录一下,也和大家分享一下,这篇文章主要给大家介绍了关于uni-app使用uni.navigateTo传递对象参数的相关资料,需要的朋友可以参考下

一、传递一般参数

const index = 1;
uni.navigateTo({
	url: `../address/address?key=${index}`
	})

二、传递对象参数

1.传递参数

// 跳转到订单详情页面
			toOrder(item) {
				// console.log(item.hpv_id, 'hpv_id')
				uni.navigateTo({
					url: '../hpvOrder-detail/hpvOrder-detail?key=' + encodeURIComponent(JSON.stringify(item))
				})
			}

2.接收参数

navigateTo进行页面传递参数，在下一个页面接收数据，一般在在onLoad钩子函数中获取

onLoad(e) {
			this.detail = JSON.parse(decodeURIComponent(e.key));
			console.log(this.detail)
}

附：多个对象的传递

index页面传递：

uni.navigateTo({ 
    url: '/pages/setSeal/index?seal=' + encodeURIComponent(JSON.stringify(seal)) + '&cStorageModel' + encodeURIComponent(JSON.stringify(cStorageModel)) 
});

home页面接收：

 onLoad(option){
    this.pageModel.sealAuth = JSON.parse(decodeURIComponent(option.sealAuth));
    this.pageModel.cStorageModel = JSON.parse(decodeURIComponent(option.cStorageModel));
  },

总结

到此这篇关于uni-app使用uni.navigateTo传递对象参数的文章就介绍到这了,更多相关uni.navigateTo传递对象参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

JavaScript内存管理介绍
这篇文章主要介绍了JavaScript内存管理介绍,本文讲解了内存生命周期、JavaScript的内存分配、通过函数调用的内存分配、当内存不再需要使用时释放等内容,需要的朋友可以参考下
2015-03-03
使用JS实现任意位置缩放图片功能
本文将用一个简单的例子详细讲解如何用原生JS一步步实现完整的任意位置缩放图片功能,无任何第三方依赖,指针事件进行多端统一的事件监听,干货满满,需要的朋友可以参考下
2024-04-04
echarts饼图扇区添加点击事件的实例
下面小编就为大家带来一篇echarts饼图扇区添加点击事件的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-10-10
JavaScript 获取事件对象的注意点
平时我们获取事件对象一定要将firefox考虑进去。
2009-07-07
js实现超简单的展开、折叠目录代码
这篇文章主要介绍了js实现超简单的展开、折叠目录代码,通过javascript操作鼠标点击事件控制页面元素样式的动态改变实现该功能,非常简单实用,需要的朋友可以参考下
2015-08-08
JavaScript实现手势识别的示例详解
这篇文章主要为大家详细介绍了JavaScrip如何利用 TensorFlow.js 中的 HandPose 模型,实现一个基于视频流的手势识别系统,感兴趣的可以了解下
2024-12-12
JavaScript检查变量类型的常用方法
在 JavaScript 开发中,变量类型的检查是一个常见且重要的需求,无论是调试还是数据校验,了解变量的类型可以帮助我们编写更加健壮的代码,本文将详细讲解 JavaScript 中用于检查变量类型的多种方法,并分析它们的优缺点以及适用场景
2025-04-04
JS获取地址栏参数的小例子
这篇文章介绍了JS获取地址栏参数的小例子，有需要的朋友可以参考一下
2013-08-08
使用SpreadJS快速清除Excel中工作表保护密码
这篇文章主要为大家介绍了使用SpreadJS快速清除Excel中工作表保护密码方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-11-11
echarts自定义legend样式的详细图文教程
在默认的饼状图里面,图例legend颜色是黑色的,有时候根据ui需要,根据不同的背景色,下面这篇文章主要给大家介绍了关于echarts自定义legend样式的相关资料,需要的朋友可以参考下
2022-10-10