小程序原生开发中的onLoad和onShow
在小程序的原生开发中,onLoad和onShow是两个常用的生命周期函数,用于管理页面的加载和显示。
- onLoad:该函数会在页面加载时触发。当页面第一次加载时,它会被调用一次,之后切换到其他页面再返回时不会再触发。可以在onLoad函数中进行一些初始化操作,如获取页面的参数、设置页面的初始数据等。
Page({
onLoad(options) {
console.log('页面加载');
console.log('页面参数', options);
}
})
- onShow:该函数会在页面显示/重新显示时触发。每次切换到页面时都会触发onShow,包括页面的初始化加载、从其他页面返回到当前页面等情况。可以在onShow函数中进行一些需要在每次显示页面时执行的逻辑,如刷新页面数据、更新UI等。
Page({
onShow() {
console.log('页面显示');
// 执行一些需要在每次页面显示时执行的逻辑
}
})
需要注意的是,当小程序从后台进入前台时也会触发onShow函数,因此如果需要处理特定的场景,可以结合onShow和App生命周期的onShow来实现。
总结:
- onLoad触发时机:页面加载时调用一次,之后切换到其他页面再返回不会再次触发。
- onShow触发时机:页面显示/重新显示时都会触发,包括页面的初始化加载、从其他页面返回等。
- onLoad适合进行页面的初始化操作。
- onShow适合进行需要在每次显示页面时执行的逻辑操作。