当我们在uni-app中定义了onReady
生命周期函数时,它将在页面初次渲染完成时触发。这个时机通常在onLoad
之后,表示页面已经完成初次渲染,可以进行一些 DOM 操作或其他一次性的初始化工作。
下面是一个简单的示例,演示了如何使用onReady
生命周期函数:
// 在页面的 page.js 文件中
export default {
data() {
return {
message: 'Hello, onReady!',
};
},
onLoad(options) {
console.log('onLoad', options);
// 在onLoad中可以获取到参数options
},
onReady() {
console.log('onReady');
// 在onReady中可以进行一次性的初始化工作,如DOM操作
this.doSomeInitialization();
},
methods: {
doSomeInitialization() {
// 一次性的初始化工作,例如DOM操作
console.log('Initialization complete');
},
// 其他方法
},
// 其他生命周期函数和配置项
};
在上述示例中,onReady
生命周期函数被用来调用doSomeInitialization
方法,这个方法可以包含一些需要在页面初次渲染完成后进行的初始化工作。
请注意,onReady
生命周期函数的触发时机是在页面初次渲染完成时,如果有需要在每次页面显示时执行的操作,可以使用onShow
生命周期函数。