梅科尔工作室-张黎娜-鸿蒙笔记3

list组件

由list容器组件和listitem容器组件构成，list是一个大容器，listitem是大容器里的小容器.

使用说明

父子组件（自定义组件）

子组件导出用export语句

子组件中不能有@Entry

父组件导入用import {子组件文件名称} from "子组件文件相对路径"

改变任何一方数据时，两方数据都会变为改变的一方数据

子组件中数据用@Link修饰，父组件中用@State修饰，子组件接口中数据用$修饰

循环渲染：开发框架提供循环渲染（ForEach组件）来迭代数组，并为每个数组项创建相应的组件。

if-else渲染

使用语法

if/else渲染可以改变组件的渲染状态，即决定组件是否在页面中被渲染。

if括号内的变量是true的话，则对应下的组件都被渲染，否则都不被渲染。

使用if/else可以使子组件的渲染依赖条件语句。

使用if条件语句：

for循环渲染

开发框架提供循环渲染（ForEach组件）来迭代数组，并为每个数组项创建相应的组件。

注意：

必须在容器组件内使用；

生成的子组件允许在ForEach的父容器组件中，允许子组件生成器函数中包含if/else条件渲染，同时也允许ForEach包含在if/else条件渲染语句中；

梅科尔工作室-张黎娜-鸿蒙笔记3相关推荐

梅科尔工作室-张黎娜-鸿蒙笔记2
组件组件(Component)是界面搭建与显示的最小单位,我们可以使用组件轻松的编写出丰富.漂亮的界面. 组件根据功能可以分为以下五大类:基础组件.容器组件.媒体组件.绘制组件.画布组件.其中基础组 ...
梅科尔工作室-郜翱翔-鸿蒙笔记1
鸿蒙简介华为鸿蒙系统(HUAWEI Harmony OS),是华为公司在2019年8月9日于东莞举行华为开发者大会(HDC.2019)上正式发布的操作系统. 华为鸿蒙系统是一款全新的面向全场景的分布 ...
梅科尔工作室E1-张冉-鸿蒙笔记4
@ohos.router (页面路由) 导入模块 import router from'@ohos.router' router.push push(options: RouterOptions): ...
梅科尔工作室-于天姿-鸿蒙笔记4
一.路由跳转 1.导入首先导入router模块 2.跳转方式方式一 router.push(),跳转到指定页面. 每调用一次router.push()方法,均会新建一个页面.默认情况下,页面栈数量 ...
梅科尔工作室E1-张冉-鸿蒙笔记2
文本基本操作资料针对包含文本元素的组件,例如Text.Span.Button.TextInput等,可使用fontColor.fontSize.fontStyle. fontWeight.fon ...
梅科尔工作室-杨灿-鸿蒙笔记1
1.主要目录配置文件作用 stage模型下: AppScope>app.json5 是应用的全局的配置文件,用于存放应用公共的配置信息. entry模块 ...
梅科尔工作室-徐锦航-鸿蒙笔记2
基础组件的应用常用基础组件 Image:渲染.展示图片,支持加载网络和本地图片 Text Textinput:输入单行文本 Button:响应点击操作构建简单的页面容器组件有两个横向布局,所以 ...
梅科尔工作室-杨灿-鸿蒙笔记2
组件:界面搭建与显示的最小单元基础组件: Text组件:用于界面上展示一段文本信息,可以包含子组件span Textinput组件:用于输入单行文本,响应输入时间 image组件:支持加载本地图片和 ...
梅科尔工作室-王宣-鸿蒙笔记1
一.主要目录配置文件作用 1. stage模型 ①app.json模块 AppScope>app.json5是应用的全局的配置文件,用于存放应用公共的配置信息. bundleName是包名 ...

梅科尔工作室-张黎娜-鸿蒙笔记3

list组件

父子组件（自定义组件）

if-else渲染

for循环渲染

梅科尔工作室-张黎娜-鸿蒙笔记3相关推荐

最新文章

热门文章