uniapp页面生命周期
uni-app 支持 onLoad、onShow、onReady 等生命周期函数onInit 监听页面初始化,其参数同 onLoad 参数,触发时机早于 onLoadonLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参)//在起始页面跳转到test.vue页面并传递参数uni.navigateTo({url: 'test?id=1&name=uni
·
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
更多推荐
已为社区贡献1条内容
所有评论(0)