uniapp小白必看 快速传参方法

一、跳转页面传参

1、参数比较少(建议两个参数以内)

//需要跳转传参的页面
this.id=2;
this.name="小明"
 uni.navigateTo({
 	url:"index?id="+this.id + "&name="+this.name
 })
 
//接受参数的页面 index页面
onLoad(e){
	console.log(e)	//{id:"2"，name:"小明"}
}

2、参数多的数组/对象 官方缓存api

//需要跳转传参的页面
let abc ={
	name:"小明",
	sex:"男",
	age:"18",
	id:"188",
	address:"江西省赣州市巴拉巴拉",
	idCard:"360731199801011001",
	...
}

//uni.setStorageSync 同步存储
//uni.getStorageSync 同步取出

uni.setStorageSync("userInfo",abc) //参数：存本地数据的名称 /  需要存的数据

 uni.navigateTo({
 	url:"inde"
 })
 
//接受参数的页面 index页面
onLoad(){
	let abc = uni.getStorageSync("userInfo")
	console.log(abc)  
	//	{
	//		name:"小明",
	//		sex:"男",
	//		age:"18",
	//		id:"188",
	//		address:"江西省赣州市巴拉巴拉",
	//		idCard:"360731199801011001",
	//		...
	//	}
},

//离开页面记得移除进页面前获取的缓存
onUnload(){
	uni.removeStorageSync("userInfo")
}

二、点击操作传参

以下示例为click方法 tap点击类似

<view v-for="(item,index) in dataList" :key="index" @click="toDetail(item,index)" >
	{{item.name}}
</view>

//
methods:{
	toDetail(item,index){
		index 为当前下标
		item  为当前下标的对应的对象
	}
}