一、uniapp的事件传参


1、HTML代码

<view class="intro" v-for="(item,index) in userData" :key="index">
	<view class="radio" @click="clickRadio(item.id,item.number)">
		<view>{{item.name}}</view>
	</view>
</view>

2、js代码

clickRadio(cardNo,meterNo){
	console.log('点击传参',id,number)
},

3、console.log

在这里插入图片描述

二、uniapp的页面路由传参

1、在父页面

<view v-on:click="clickHander">传参</view>

//传一个参数
  clickHander() {
	uni.navigateTo({
		url: '../index/index?id=1',
		})
		
	//传多个参数
	let data={
		id:'1',
		cardNo:'123',
		type:'haha'
	}
	uni.reLaunch({
		url: '../index/index?data='+ JSON.stringify(data),
	})
 },

2、在需要接受的页面onLoad生命周期里面接收

	onLoad(option) {
		console.log("index--跳转传参", option.data)
		}
	},

总结

提示:如有不正,望指正!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐