uni-app:跨页面传递数组

A页面:

**JSON.stringify()**是一个 JavaScript 内置的方法,用于将 JavaScript 对象或值转换为 JSON 字符串。

javascript 复制代码
//查看详细信息
details(e){
	// console.log(e.currentTarget.dataset.id)
	var device = JSON.stringify(e.currentTarget.dataset.id)
	uni.navigateTo({ 
		url:'../test/details/details?device='+device
	})
}

B页面:

首次进入时获取到页面参数

**JSON.parse()**是一个 JavaScript 内置的方法,用于将 JSON 字符串解析为对应的 JavaScript 对象或值。

javascript 复制代码
onLoad(options) {
	const arr = JSON.parse(options.device);//解析数组
	console.log(arr.deviceId); // 输出传递的数组
	this.device = arr
}
相关推荐
久爱@勿忘几秒前
第二章:创建登录页面
前端·vue.js·elementplus
Jinxiansen02112 分钟前
Vue 3 中父子组件双向绑定的 4 种方式
javascript·vue.js·ecmascript
木依6 分钟前
Vue3 Element plus table有fixed列时错行
javascript·vue.js·elementui
Monkey的自我迭代17 分钟前
Python标准库:时间与随机数全解析
前端·python·数据挖掘
行云&流水18 分钟前
打造自己的组件库(二)CSS工程化方案
前端·vue.js·vue3组件库
知了清语41 分钟前
pnpm之monorepo项目, vite版本冲突, 导致vite.config.ts ts警告处理
前端
弗锐土豆1 小时前
一个基于若依(ruoyi-vue3)的小项目部署记录
前端·vue.js·部署·springcloud·ruoyi·若依
Hilaku1 小时前
我为什么放弃了“大厂梦”,去了一家“小公司”?
前端·javascript·面试
1undefined21 小时前
element中的table改造成虚拟列表(不定高),并封装成hooks
前端·vue.js