抖音开放平台Logo
控制台

页面生命周期
收藏
我的收藏

​生命周期流程​

下图说明了页面 Page 实例的生命周期。​
页面的生命周期回调函数包括 onLoad，onShow，onReady，onHide，onUnload。​

​生命周期回调函数​

​onLoad​

页面初始化时触发。一个页面只会调用一次。 query 来源于 tt.navigateTo 和 tt.redirectTo 等接口 url 字段的参数部份（例如：path?key1=value1&key2=value2）。基础库会将该部份字符串内容解析为 Object。​

​onShow()​

页面显示/切入前台时触发。该时机不能保证页面渲染完成，如有页面/组件元素相关操作建议在 onReady 中处理（如 tt.createVideoContext 等与页面元素相关联的API调用）。​

​onReady()​

页面初次渲染完成时触发。 一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。 对界面的设置，如 tt.setNavigationBarTitle 请在 onReady 之后设置。​

​onHide()​

页面隐藏/切入后台时触发。 如tt.navigateTo到其他页面或底部 tab 切换等。​

​onUnload()​

页面卸载时触发。 如tt.redirectTo或 tt.navigateBack 到其他页面等。​
​