当前位置:   article > 正文

微信小程序 自定义组件生命周期_微信小程序attached

微信小程序attached

微信小程序的自定义组件生命周期函数有六个

生命周期函数参数描述说明
created在组件实例刚被创建时执行
attached在组件实例进入页面节点树时执行
ready在组件在视图层布局完成后执行
moved在组件实例被移动到节点树另一个位置时执行
detached在组件实例被从页面节点树移除时执行
errorObject Error每当组件方法抛出错误时执行

其中,最最重要的生命周期函数有3个,分别是created、attached、detached

  • 组件实例刚被创建好时触发created生命周期函数

                此时不能调用setData,只能添加一些自定义的属性字段

  • 在组件初始化完毕,进入页面节点树时触发attched生命周期函数

                此时,this.data初始化完毕,数据初始化的操作可以在此操作

  • 在组件离开页面节点时,触发detached生命周期函数

                退出页面时触发,可以做一些清理数据方面的操作

生命周期函数可以定义在Component构造器的第一级参数中,在lifetimes字段中声明

  1. lifetimes:{
  2. attached(){
  3. console.log('attached');
  4. },
  5. created(){
  6. console.log('created');
  7. }
  8. }

组件所在页面的生命周期,有时候组件需要根据页面的变化进行一些操作

组件所在页面的生命周期函数需要定义在pageLifetimes节点中

  1. Component({
  2. pageLifetimes:{
  3. show:function(){},
  4. hide:function(){},
  5. resize:function(){}
  6. }
  7. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/88198
推荐阅读
相关标签
  

闽ICP备14008679号