#jitoa#【OpenHarmony 北向应用开发】实现二维数组的双向数据绑定,并刷新界面 原创
X叶域Q
发布于 2023-12-18 14:37
4401浏览
0收藏
此博客由金陵科技学院-开放原子开源社 李俊杰编写
简介
本实验旨在演示如何用Arkts实现二维数组的双向数据绑定,通过一个简单的例子展示数据在模型和视图之间的同步更新。在这个实验中,我们将使用一个简单的应用来说明双向数据绑定的概念。
技术栈
- Arkts
文件结构
使用方法
-
克隆本仓库到本地:
-
打开
index.html
文件: -
打开DevEco Studio预览器,鼠标点击每个数字,数字将+1。
实现细节
数据模型
在entry/src/main/ets/pages/model/Datamodel.ets文件中定义了一个简单的数据模型:
视图绑定
使用@State和@ObjectLink装饰器实现
图片展示
总结
子组件ItemRow检测数据变化 @ObjectLink实现子组件数据与父组件绑定,@State实现数据与页面绑定,从而达到点击每个元素页面都会刷新
备注:
如有更好的方法,希望告知!
©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2023-12-20 14:40:47修改
赞
5
收藏
回复
5
1
相关推荐
牛牛牛