list组件

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

List(){ListItem(){
}
}

实例：

父子组件（自定义组件）

子组件导出用export语句

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

双向数据绑定

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

子组件中数据用@Link修饰

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

if-else渲染

if/else渲染可以改变组件的渲染状态，即决定组件是否在页面中被渲染。if括号内的变量是true的话，则对应下的组件都被渲染，否则都不被渲染。

示例

使用if条件语句：

Column(){
if(this.count>0){Text('count is positive')
}}

使用if、else if、else条件语句：

Column(){
if(this.count<0){Text('count is negative')
}
else if(this.count%2===0){DividerText('even')
} else{DividerText('odd')
}
}

for循环渲染

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

使用语法

ForEach(arr: any[], itemGenerator: (item: any, index?: number) => void,keyGenerator?: (item: any, index?: number) => string
)

for循环渲染

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

注意事项

必须在容器组件内使用

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

梅科尔工作室-卢学斌-鸿蒙笔记3相关推荐

梅科尔工作室-崔启凡-鸿蒙笔记4
鸿蒙笔记4 路由跳转作用用法跳转方式方式一方式二方式三方式四跳转页面数据的接受数据请求弹窗绑定事件点击事件触摸事件挂载卸载事件拖拽事件路由跳转作用实现Ability ...
梅科尔工作室-梁嘉莹-鸿蒙笔记1
基本操作界面介绍预览按钮内置API文档查阅项目设置运行按钮(只有在真机模拟或远程模拟时才可以使用) 安装插件,在files下的settings-->Plugins里面,可以安装一个中文的 ...
梅科尔工作室-江凌宇-鸿蒙笔记1
对于鸿蒙软件开发所用编译器的介绍鸿蒙APP开发所采用的编译器为华为自研的DevEc编译器,简洁美观易上手是此编译器的巨大优势主要目录配置文件作用(stage模型和FA模型下) 下面是在FA模型下的 ...
梅科尔工作室-江凌宇-鸿蒙笔记2
HarmonyOS构建漂亮的页面一.页面基本元素介绍常用基础组件组件介绍: 组件(Component)是界面搭建与显示的最小单位,HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多 ...
梅科尔工作室-梁嘉莹-鸿蒙笔记2
1 组件介绍组件(Component)是界面搭建与显示的最小单位,HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多样的UI组件,我们可以使用这些组件轻松的编写出更加丰富.漂亮的界面. ...
梅科尔工作室--梁嘉莹-鸿蒙笔记3
目录 List组件子组件接口语法父子组件组件导出双向数据绑定 if-else渲染使用语法注意事项 for循环渲染使用语法注意事项 List组件子组件: Listitem 接口: ...
梅科尔工作室-梁嘉莹-鸿蒙笔记4
目录官方API使用路由跳转模块实现Ability内页面的跳转和数据传递. 首先需要导入router模块跳转方式信息传递注意事项数据请求模块申请网络上的接口,获取传输的数据.文档中心首 ...
梅科尔工作室-孙溢博-鸿蒙笔记1
目录一.主要目录配置文件作业 (一).stage模型 1.index.ets页面 2.resource文件 3.module.json5模块 4.pages模块 (二).FA模型 1.主要模块二. ...
梅科尔工作室-李柯增-鸿蒙笔记2
组件的使用: 一.组件介绍: 组件(Component)是界面搭建与显示的最小单位,HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多样的UI组件,我们可以使用这些组件轻松的编写出更加丰 ...

梅科尔工作室-卢学斌-鸿蒙笔记3

list组件

父子组件（自定义组件）

for循环渲染

梅科尔工作室-卢学斌-鸿蒙笔记3相关推荐

最新文章

热门文章