Uniapp 跨页面传复杂参、传对象

1、需要传递参数的页面

javascript 复制代码
	attended(e) {
			this.id = e.baseId
			let obj = {
				page: this.page,
				size: this.pageSize,
				baseId: e.baseId,
				str: this.str
				uni.navigateTo({
						url: `/pages/index/index?item=` + encodeURIComponent(JSON.stringify(obj))
					})
				}
			},

encodeURIComponent

2、接收参数的页面

javascript 复制代码
onLoad(options) {
			this.other = JSON.parse(decodeURIComponent(options.other)
		},

decodeURIComponent

在onload 生命周期里,如果遇到传参里有,复杂的参数,可以参考我的

Uniapp 报错Uncaught URIError: URI malformed

这篇文章

相关推荐
2501_915918413 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
2501_915106323 小时前
iOS 使用记录和能耗监控实战,如何查看电池电量消耗、App 使用时长与性能数据(uni-app 开发调试必备指南)
android·ios·小程序·uni-app·cocoa·iphone·webview
程序员的世界你不懂4 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
索迪迈科技4 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
gnip4 小时前
JavaScript二叉树相关概念
前端
attitude.x5 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java5 小时前
CSS3核心技术
前端·css·css3
空山新雨(大队长)5 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
猫头虎-前端技术6 小时前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体