uniapp 页面生命周期,uni-app组件的生命周期和页面生命周期有哪些

科技资讯 投稿 8600 0 评论

uniapp 页面生命周期,uni-app组件的生命周期和页面生命周期有哪些

本章内容给大家谈谈关于遇上uni-app组件的生命周期和页面生命周期有哪些等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。

一、uni-app组件的生命周期

1、created:组件创建完成时触发,此时组件 DOM 尚未挂载,因此无法访问 DOM。

2、attached:组件 DOM 挂载时触发,此时可以访问 DOM,可以通过 this.getRelationNodes 获取关联的节点。

3、ready:组件 DOM 和 所有子节点完成渲染时触发,此时可以访问 DOM。

4、moved:组件被移动到新的位置时触发。

5、detached:组件被移除时触发。

二、页面生命周期

1、onLoad:监听页面加载。

2、onShow:监听页面显示。

3、onReady:监听页面初次渲染完成。

4、onHide:监听页面隐藏。

5、onUnload:监听页面卸载。

6、onPullDownRefresh:监听用户下拉动作。

7、onReachBottom:页面上拉触底事件的处理函数。

三、组件和页面的生命周期对比

组件和页面的生命周期有许多相似之处,都有 created、attached、ready、moved、detached 等生命周期,但是组件的生命周期更加精细,页面的生命周期比较简单,只有 onLoad、onShow、onReady、onHide、onUnload、onPullDownRefresh、onReachBottom 等生命周期。

总结

以上就是为你整理的uni-app组件的生命周期和页面生命周期有哪些全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!

编程笔记 » uniapp 页面生命周期,uni-app组件的生命周期和页面生命周期有哪些

赞同 (40) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽