uni-app 跳转页面携带数组对象

最新推荐文章于 2024-07-20 18:27:30 发布

paradoxaaa_

最新推荐文章于 2024-07-20 18:27:30 发布

阅读量258

点赞数 2

分类专栏：笔记文章标签： uni-app 前端 javascript vue.js

本文链接：https://blog.csdn.net/paradoxaaa_/article/details/139820958

版权

笔记专栏收录该内容

45 篇文章 0 订阅

订阅专栏

跳转页面携带数据的数据结构如下：


    "detail": [
        {
            "partNo": "004",
            "materialCode": "23746",
            "state": "未出库",
            "batchNo": "240403",
            "robotCode": 101,
            "time": "16:30"
        },
        {
            "partNo": "004",
            "materialCode": "23746",
            "state": "未出库",
            "batchNo": "240403",
            "robotCode": 101,
            "time": "16:30"
        },
        {
            "partNo": "004",
            "materialCode": "23746",
            "state": "已送达",
            "batchNo": "240403",
            "robotCode": 101,
            "time": "16:30"
        },
        {
            "partNo": "004",
            "materialCode": "23746",
            "state": "出库中",
            "batchNo": "240403",
            "robotCode": 101,
            "time": "16:30"
        }
    ]

逻辑：

const detailData =  JSON.stringify(item.detail); // 获取detail数组
uni.navigateTo({
		url: `/pages/task/subTasks?detail=${encodeURIComponent(detailData)}`,
 });

在接收数据的页面：

	onLoad(options) {
			
			 if (options.detail) {
			    // 从URL中获取传递的数组对象字符串并解码
			    let arrayDataStr = decodeURIComponent(options.detail);
			 
			    // 将JSON字符串转换回数组对象
			    let arrayData = JSON.parse(arrayDataStr);
				this.tableData = arrayData
			 
			    // 使用arrayData
			    console.log('转换后的数据',arrayData);
			  }
		  },