小程序页面传参方式

小程序页面传参方式

2021 / 3 / 25

1. 页面传参

页面url中拼接参数，传递至跳转页面

在跳转页面的onLoad / onShow生命周期中，获取参数options，即可获取所传递参数
例如: 跳转页面url为 192.168.0.1 ? id=1 & s_number=100

onLoad(options){
	console.log(options.id); // 1
	console.log(options.s_number); // 100
}

2. 使用globalData进行传参

globalData: 全局变量

初始化 globalData

在app.js中添加全局变量的初始值

App({
	globalData:{
		appid: 120314121898698, 
		goodsId: 9800
	}
})

页面访问app.js中的参数

页面对应js中，添加const app = getApp();

onLoad() {
	let appid = app.globalData.appid;
} // 可以在单独方法中获取app设置的全局变量
data:{
	appid: app.globalData.appid;
} // 也可以直接从data中获取全局变量

修改 globalData中的全局变量

this.globalData.appid = 178196636898; // 在app.js中修改时
app.globalData.goodsId = 1199; // 当单独页面中修改时