uniapp开发微信小程序-跳转页面并传递复杂数据类型

在跳转前,将需要传递的对象参数转为JSON字符串,然后用encodeURIComponent进行编码,拼接在url后面。

  • 在uni-app中,实现页面跳转并传递对象参数,可以通过以下方法:
     var navData = JSON.stringify(id); // 也可以不要JSON.stringify(),这里只是把他转化为字符串的形式,如果本来就是字符串,那么就不需要这一步
    				uni.navigateTo({
    					url:'../gridManagement/gridManagement?id=' + navData
    
    

二、页面接收使用

在跳转后的页面,通过onLoad事件获取传递的对象参数,并使用decodeURIComponent解码,然后转为对象。
 

onLoad(options) {
			var data = options.id; //如果传递参数过来的页面有将其转化为字符串,那么这边就有一个JSON.parse()字符串转对象的步骤
			this.navData = data
			console.log(this.navData)
	}

三、 补充方法(简单粗暴)

  • 在当前页使用JSON.stringify()转为字符串
  • 在跳转后的页面使用JSON.parse()解析

猜你喜欢

转载自blog.csdn.net/weixin_62635213/article/details/132817718