uni-app 支持 onLoad、onShow、onReady 等生命周期函数
onInit 监听页面初始化,其参数同 onLoad 参数,触发时机早于 onLoad
onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参)

//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({
	url: 'test?id=1&name=uniapp'
});
// 在test.vue页面接受参数
export default {
	onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
		console.log(option.id); //打印出上个页面传递的参数。
		console.log(option.name); //打印出上个页面传递的参数。
	}
}

onShow 监听页面显示。页面每次出现在屏幕上都触发
onReady 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发
onHide 监听页面隐藏
onUnload 监听页面卸载

页面生命周期函数与data同级。

官方文档
https://uniapp.dcloud.io/tutorial/page.html#lifecycle

Logo

前往低代码交流专区

更多推荐