uniappプロジェクトページ間での値の受け渡し

1. 単一または複数のパラメータを渡す

方法:アドレスの直後に接続

1. ジャンプするページのアドレスの後に渡すパラメータを結合します 複数のパラメータを渡す場合は、アンパサンドを使用してそれらを結合します。

//任务列表页传递id  跳转到相应的任务详情页
gettaskList(id){
//传递多个参数时直接用&符拼接
				uni.navigateTo({
					url:'gettaskList?id=${id}'
				})

}

2.受信時はページのonload関数で渡されたパラメータを受け取ります

// 任务详情页通过 onLoad 生命周期中接传递过来的参数 id
onLoad(option){
 console.log('上一个页面传递过来的参数', option)
 console.log('id', option.id)
 console.log('item', option.item)
 // 接下来就是你需要该id做些什么,比如通过id查询到该详情等
}

2. 転送対象

渡すパラメータが多い場合、uniappからページにジャンプするAPIのURLには長さの制限があり、データ転送には以下のメソッドを使用する必要があります。

// item 为该列表的每一项的数据对象;encodeURIComponent 为uniapp 提供的api
getTaskList(item) {
	uni.navigateTo({
		 url: `getTaskList?item=${encodeURIComponent(JSON.stringify(item))}`,
	});
}

受信時

// 同样onLoad 生命周期中进行接收, decodeURIComponent 为uniapp 提供的api
onLoad(option) {
	const item = JSON.parse(decodeURIComponent(option.item));
	console.log('上一个页面传递过来的参数对象',item );
	// 接下来就是你需要该对象数据做些什么,当然这里你可以直接赋值给data绑定的数据
	this.objData = item;
}

注: データを渡すときは、 JSON.stringify を使用して  JSON 文字列に変換し、 受信時にJSON.parseを使用し て解析する必要があります。
配列もオブジェクトであるため、配列の操作についても同様です。

おすすめ

転載: blog.csdn.net/weixin_61728046/article/details/127581283