脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → uni.navigateTo传递对象参数

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传递对象参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

相关文章

  • XML+XSL 与 HTML 两种方案的结合

    XML+XSL 与 HTML 两种方案的结合

    XML+XSL 与 HTML 两种方案的结合...
    2007-04-04
  • JavaScript防止全局变量污染的方法总结

    JavaScript防止全局变量污染的方法总结

    这篇文章主要介绍了JavaScript防止全局变量污染的方法,结合实例形式较为详细的总结分析了JavaScript防止全局变量污染的常用操作技巧与注意事项,需要的朋友可以参考下
    2018-08-08
  • 微信小程序实现表单验证源码

    微信小程序实现表单验证源码

    这篇文章主要为大家详细介绍了微信小程序实现表单验证源码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JS的location.href跳出框架打开新页面的方法

    JS的location.href跳出框架打开新页面的方法

    登录页面在框架内打开，想让它直接跳出框架打开（这里不是打开新窗口），终于在网上找到了办法，下面分享给大家
    2014-09-09
  • 一文详解CORS与预检请求

    一文详解CORS与预检请求

    这篇文章主要介绍了CORS与预检请求，CORS是一套规范，指导浏览器和服务器之间如何进行跨域资源共享，当发送跨域请求时，浏览器会先发送一个OPTIONS方法的预检请求。文中介绍的非常详细，需要的同学可以参考一下
    2023-04-04
  • 整理关于Bootstrap表单的慕课笔记

    整理关于Bootstrap表单的慕课笔记

    这篇文章主要为大家整理了关于Bootstrap表单的慕课笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 一个轻量级的XHTML右键菜单[支持IE和firefox]

    一个轻量级的XHTML右键菜单[支持IE和firefox]

    一个轻量级的XHTML右键菜单[支持IE和firefox]...
    2007-01-01
  • js简单实现点击左右运动的方法

    js简单实现点击左右运动的方法

    这篇文章主要介绍了js简单实现点击左右运动的方法,实例分析了javascript实现左右运动的相关要点与技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript实现相册弹窗功能（zepto.js)

    JavaScript实现相册弹窗功能（zepto.js)

    这篇文章主要介绍了JavaScript基于zepto.js实现相册弹窗功能的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-06-06
  • JavaScript汉字转拼音正确的解决步骤

    JavaScript汉字转拼音正确的解决步骤

    这篇文章主要介绍了解决pinyin-pro或pinyin.js库方法未定义问题的步骤,包括正确下载、放置文件、使用相对路径引用、检查路径及加载顺序,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-06-06

最新评论