两个界面传参

被窝是圆的

于 2022-03-26 17:24:30 发布

阅读量1k

点赞数

文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/m0_61169066/article/details/123758591

版权

本文介绍了微信小程序中三种常见的界面间参数传递方式：1) 点击跳转时传递id，包括后台要求的形式和前端传递形式；2) 通过JSON.stringify和JSON.parse传递整个form表单数据；3) 同时传递多个值，如style和form数据到另一个界面。详细讲解了参数的封装与接收方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.通过点击跳转时传递id

传递

gotosearch(id) {
				let num = id.toString()
				uni.navigateTo({
					url: '/pages/publicize/articlesearch?id=' + num
				})
			},

接受

onLoad(options) {
			//获取传递的id
			this.id = options.id
		},

调用接口，，，后台要求形式，，，前端传递形式

/classification/api/weChat/getPublicityActivity/1481559845757427713

'/classification/api/weChat/getPublicityActivity/' + this.id

if (uni.getStorageSync('token')) {
					this.http.get('/classification/api/weChat/getPublicityActivity/' + this.id).then(res => {
						this.activedetail = res.data
					})
				}

2.传递一个form表单--得到一个数组

传递JSON.stringify(form)

			mineaddress(style, form) {
				uni.navigateTo({
					url: '/pages/recycling/address?style=' + style + '&form=' + JSON.stringify(form)
				})
			},

接受JSON.parse(options.form )

		onLoad(options) {
			if (options.form) {
				this.form = JSON.parse(options.form )
			}
			}

3.传递多个值到另一个界面

	mineaddress(style, id) {
				uni.navigateTo({
					url: '/pages/recycling/address?style=' + style + '&form=' + JSON.stringify(id)
				})
			},

接受一个style和一个form

onLoad(options) {
			if (options.style) {
				this.style = options.style
			}
			if (options.form) {
				this.form = JSON.parse(options.form)
				// console.log(this.form)
			}

		},

传递一个参数时id的接口的情况

/classification/api/weChat/getResidentAddr/1484099258832113666

'/classification/api/weChat/getResidentAddr?id=' + this.opID




/classification/api/weChat/getPublicityActivity/1481559845757427713

'/classification/api/weChat/getPublicityActivity/' + this.id