list组件

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

使用说明:

示例:

父子组件(自定义组件)

子组件导出用export语句

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

双向数据绑定

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

子组件中数据用@Link修饰

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

if-else渲染

说明

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

使用语法

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

for循环渲染

通过循环渲染(ForEach)从数组中获取数据,并为每个数据项创建相应的组件,可减少代码复杂度。

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

梅科尔工作室-赵凌志-鸿蒙笔记3相关推荐

  1. 梅科尔工作室-赵凌志-鸿蒙笔记4

    Ability内页面的跳转和数据传递 Ability的数据传递包括有Ability内页面的跳转和数据传递.Ability间的数据跳转和数据传递,本章节主要讲解Ability内页面的跳转和数据传递. 在 ...

  2. 梅科尔工作室-赵凌志-鸿蒙笔记1

    主要目录配置文件作用 1.ets文件夹内用于存放编写的代码文件 2.configuration存放相应模块的配置文件 3.resource对应模块内公共资源 4.外层的configuretion用来存 ...

  3. 梅科尔工作室-赵凌志-鸿蒙笔记2

    1 概述 一个丰富的页面需要很多组件组成,那么,我们如何才能让这些组件有条不紊地在页面上布局呢?这就需要借助容器组件来实现. 容器组件是一种比较特殊的组件,它可以包含其他的组件,而且按照一定的规律布局 ...

  4. 梅科尔工作室-赵赟-鸿蒙笔记2

    常用基础组件 组件介绍 组件(Component)是界面搭建与显示的最小单位,组件根据功能可以分为以下五大类:基础组件.容器组件.媒体组件.绘制组件.画布组件.其中基础组件是视图层的基本组成单元,包括 ...

  5. 梅科尔工作室-赵赟-鸿蒙笔记3

    list组件 由list容器组件和listitem容器组件构成,list是一个大容器,listitem是大容器里的小容器 父子组件 子组件导出用export语句 父组件导入用import {子组件文件 ...

  6. 梅科尔工作室-赵赟-鸿蒙笔记4

    官方API使用 首先需要找到想要使用的API文档.在基础文档里位置如下.找到之后,查看文档中关于此接口的说明,查看使用方法和使用案例后即可使用. 路由跳转模块 在使用页面路由之前,需要先导入route ...

  7. 梅科尔工作室-郜翱翔-鸿蒙笔记1

    鸿蒙简介 华为鸿蒙系统(HUAWEI Harmony OS),是华为公司在2019年8月9日于东莞举行华为开发者大会(HDC.2019)上正式发布的操作系统. 华为鸿蒙系统是一款全新的面向全场景的分布 ...

  8. 梅科尔工作室E1-张冉-鸿蒙笔记4

    @ohos.router (页面路由) 导入模块 import router from'@ohos.router' router.push push(options: RouterOptions): ...

  9. 梅科尔工作室-于天姿-鸿蒙笔记4

    一.路由跳转 1.导入 首先导入router模块 2.跳转方式 方式一 router.push(),跳转到指定页面. 每调用一次router.push()方法,均会新建一个页面.默认情况下,页面栈数量 ...

最新文章

  1. 从在线教育交易平台看系统阶段性演进
  2. compareto方法_compare方法和compareTo方法区别
  3. 有理贝塞尔曲线(Rational Bezier Curves)
  4. 五步搞定Android开发环境部署——非常详细的Android开发环境搭建教程(转)
  5. STL 之reverse,reverse_copy,rotate,rotate_copy
  6. 转载:程序员从初级到中级10个秘诀
  7. EntityFramework中常用的数据删除方式
  8. 求字典key的和python_python怎么将字典key相同的value值, 合并
  9. 残缺、时间一起的爱情
  10. 【深度】中国半导体行业如何从芯片到生态整体突围?
  11. java 汉字乱码_【转】Java中文乱码的解决
  12. python复利计算_年化收益率及Python计算
  13. 2022年下半年网络工程师下午真题及答案解析
  14. Java LeetCode每日一题-从易到难带你领略算法的魅力(七):Z 字形变换
  15. 导入导出软件测试点,导入导出问题-TestCenter测试管理工具常见问题-SPASVO泽众软件测试网...
  16. java读书网站课程设计_Java课程设计
  17. 【Mysql系列】如何实现王者荣耀排名
  18. 2019年2月星环科技大数据应用开发面试(2年工作经验)
  19. WTG:给苹果电脑安装Windows
  20. 架构师,你需要了解的git知识都在这里了

热门文章

  1. 湖北十堰普降大雪 武当山景区暂停售票
  2. Android项目导入时可能遇到的问题
  3. PROFIBUS DP 通讯距离
  4. 如何加载三维倾斜摄影数据
  5. 苹果cmsv10第十套好看的模板自适应首涂手机模板
  6. ISE 功能仿真输出数据写到.txt文本文件,并由matlab读.txt文件
  7. 抖音10月的带货风向是什么?
  8. 用code2vec、glow和spaCy进行词嵌入
  9. 清华世界计算机大赛,全球计算机ACM总决赛浙大第一名,密西根大学第二,清华第三...
  10. 毕业季随笔:一本书卖多少钱合适,7毛/公斤?