微信小程序组件所在页面的生命周期
一 什么是组件所在页面的生命周期
有时，自定义组件的行为依赖于页面状态的变化，此时就需要用到组件所在页面的生命周期。
例如：每当触发页面的 show 生命周期函数的时候，我们希望能够重新生成一个随机的 RGB 颜色值。
在自定义组件中，组件所在页面的生命周期函数有如下 3 个。
二 pageLifetimes 节点
组件所在页面的生命周期函数，需要定义在 pageLifetimes 节点中。
Component({
pageLifetimes: {
show() { // 页面被展示时执行
console.log('show')
this._randomColor()
},
hide() { // 页面被隐藏时执行
console.log('hide')
},
resize() { // 页面尺寸变化时执行
console.log('resize')
}
}
})
三 小案例——生成随机的 RGB 颜色值
Component({
methods:{
// 生成随机 RGB 颜色的方法。非事件处理函数建议以 _ 开头
_randomColor() {
this.setData({ // 为 data 里面的 _egb 纯数据字段重新赋值
_rgb: {
r: Math.floor(Math.random() * 256),
g: Math.floor(Math.random() * 256),
b: Math.floor(Math.random() * 256)
}
})
}
}
pageLifetimes: {
// 组件所在页面被展示时，立即调研 _randomColor 生成随机颜色值
show() {
console.log('show')
this._randomColor()
}
}
})
微信小程序组件所在页面的生命周期相关推荐
- 微信小程序组件与页面互相传值
微信小程序组件与页面互相传值 1.外界对组件内部传值(父传子) 组件properties属性的应用 ① 定义组件内部要接受外部的值 ② 定义页面要传输给组件内部的值 ③ 传输数据 ④ 组件内部对pro ...
- 微信小程序 组件与页面的传参、方法调用（二）
微信小程序 组件与页面的传参.方法调用 使用小程序组件时经常不会只用到静态页面显示,需要一定的交互.这时候就需要知道这么传参与方法调用的了 首先先放官方的文档,介绍的还是比较清楚详细,有能力的同学请直 ...
- 微信小程序 网络请求接口 及 生命周期
前言:前期我们对微信小程序有些基本了解,像标签,样式,组件....等. 今天我们继前期进行继续的了解 一. 网络请求 HTTP(HyperText Transfer Protocol)是一套计算机通过 ...
- 微信小程序的路由，以及生命周期
路由 什么是路由? 路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程.我们可以理解微信小程序页面路由,根据路由规则(路径)从一个页面跳转到另一个页面的的规则. 主要有以下几 ...
- 微信小程序开发之详解生命周期方法
生命周期是指一个小程序从创建到销毁的一系列过程 在小程序中 ,通过App()来注册一个小程序 ,通过Page()来注册一个页面 先来看一张小程序项目结构 根目录下面有包含了app.js,app.wxs ...
- 【微信小程序企业级开发教程】生命周期和app对象详解
文章目录 1 生命周期 2 app对象使用 1 生命周期 2 app对象使用
- 微信小程序组件生命周期和页面生命周期
1.组件的生命周期 指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发.其中,最重要的生命周期是 created.attached. detached ,包含一个组件 ...
- 微信小程序 组件生命周期
created:组件实例刚被创建好,此时还不能调用setData -- 刚被创建出来 attached:组件完全初始化完毕,进入页面节点树 这个生命周期很有用,绝大多数初始化的工作可以在这时进行(如: ...
- 微信小程序 组件和slot_微信小程序自定义组件详解
自定义组件能够帮我们更好的复用代码和重构简化代码复杂度.一起来学习一下小程序自定义组件的内容吧. 从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程.所有自定义组件相关特性都需要基础库版 ...
最新文章
- System.err: java.lang.UnsatisfiedLinkError: dlopen failed: library “libc++_shared.so“ not found
- servlet和action的区别
- appium for mac 安装与测试ios说明
- JPA JoinColumn vs mappedBy
- python中错误和异常处理
- ACL2021 | 把关键词生成看成集合预测问题
- JavaScript 大整数相加后精度 如何解决
- Python模块的导入方法1
- 枚举根节点、安全点、安全区域、OopMap
- 2022年C语言教程入门和最新C语言自学教程C语言进阶教程大全
- ENVI5.3处理高分五号影像数据
- 2022年重庆医院三基考试心血管系统疾病多选练习题及答案
- 计算机维修与维护笔记,笔记本电脑维护选购知识大全
- Linux服务器上的mongodb:/lib64/libc.so.6: version `GLIBC_2.14‘ not found (required by /app/hems/mong)
- js修改伪元素的属性、styleSheets获取样式表，Failed to read the 'cssRules' property from 'CSSStyleSheet' Cannot acces
- Pytorch 实现全连接神经网络/卷积神经网络训练MNIST数据集，并将训练好的模型在制作自己的手写图片数据集上测试
- 关于微信小程序第三方客服接入调查
- mysql char30_Mysql中varchar与char的区别以及varchar(30)中的30代表的涵义
- 什么是IaaS、PaaS、SaaS？
- MATLAB 矩阵数据可视化imagesc 以及 如何多图共用一个 colorbar