当前位置: 首页 > news >正文

鸿蒙Next 支持数据双向绑定的组件:Checkbox--Search--TextInput

Checkbox

$$语法,$$绑定的变量发生变化时,会触发UI的刷新

@Entry
@Component
struct MvvmCase {
@State
isMarry:boolean = false@StatesearchText:string = ''build() {Grid(){GridItem(){Column(){Text("checkbox 的双向绑定")Checkbox().select($$this.isMarry)Text(this.isMarry+"")Button('改变').onClick(()=>{this.isMarry=!this.isMarry})}}.height(200).backgroundColor(Color.Yellow)}.width('100%').height('100%').columnsTemplate("1fr 1fr").columnsGap(20).rowsGap(20)}
}

Search

@Entry
@Component
struct MvvmCase {
@State
isMarry:boolean = false@StatesearchText:string = ''build() {Grid(){GridItem(){Column(){Text("search 的双向绑定")Search({value:$$this.searchText})Text(this.searchText+"")Button('改变').onClick(()=>{this.searchText='老宋你好'})}}.height(200).backgroundColor(Color.Pink)}.width('100%').height('100%').columnsTemplate("1fr 1fr").columnsGap(20).rowsGap(20)}
}

​​​​​​​ 

TextInput

@Entry
@Component
struct MvvmCase {
@State
isMarry:boolean = false@StatesearchText:string = ''controller: TextInputController = new TextInputController()build() {Grid(){GridItem(){Column(){Text("TextInput 的双向绑定")TextInput({ text: $$this.searchText, placeholder: 'TextInput 的双向绑定', controller: this.controller })Text(this.searchText+"")Button('改变').onClick(()=>{this.searchText='老宋你好01'})}}.height(200).backgroundColor(Color.Pink)}.width('100%').height('100%').columnsTemplate("1fr 1fr").columnsGap(20).rowsGap(20)}
}

还有很多组件都支持双向绑定

相关文章:

鸿蒙Next 支持数据双向绑定的组件:Checkbox--Search--TextInput

Checkbox $$语法,$$绑定的变量发生变化时,会触发UI的刷新 Entry Component struct MvvmCase { State isMarry:boolean falseStatesearchText:string build() {Grid(){GridItem(){Column(){Text("checkbox 的双向绑定")Checkbox().select($$…...

跨越时空的纽带:探索Facebook如何连接人与人

引言 Facebook作为全球最大的社交媒体平台之一,已经成为了人们日常生活中不可或缺的一部分。它不仅仅是一个社交网络,更是连接人与人、人与世界的纽带。在这篇文章中,我们将深入探讨Facebook如何跨越时空,连接人与人之间的关系&a…...

LabVIEW湍流等离子体束热效率优化

LabVIEW湍流等离子体束热效率优化 利用LabVIEW虚拟仪器技术,对湍流等离子体束的热效率进行了实时监测与优化,提高其在材料处理领域的应用效率和精度。通过双进气湍流等离子体发生器,实现了在不同工作参数下对热效率的实时在线监测&#xff0…...

21个 JVM 技术点详解(附面试解答)

最近兄弟们面试,都逃不过被 JVM 问题轰炸的命运,为啥面试官喜欢拿 JVM 说事呢?V 哥认为,除了要问倒你,就是要压你薪水,咱绝对不能怂,俗话说的好:兵来将挡,水来土掩&#…...

mysql逗号分隔字段拆成行简述

概述 在实际业务中总有一些字段内容是逗号分隔的,然后后续业务需要扩展时就很难受; 所以一般在这种情况下都是需要建立关联表,将字段内容拆分; 当前使用mysql版本 8.0.32 拆分demo 这里要注意mysql.help_topic表的记录行数&a…...

最新梨花带雨网页音乐播放器二开优化修复美化版全开源版本源码下载

最新梨花带雨网页音乐播放器二开优化修复美化版全开源版本源码下载 梨花带雨播放器基于thinkphp6开发的XPlayerHTML5网页播放器前台控制面板,支持多音乐平台音乐解析。二开内容:修复播放器接口问题,把接口本地化,但是集成外链播放器接口就不本地化了,我花钱找人写的理解下…...

golang 操作redis

1. redis操作需要引入 github.com/gomodule/redigo/redis 包 go get github.com/gomodule/redigo/redis 2.封装redis操作对象,使用时便可调用 redis的 地址、端口、密码 放配置文件,用config获取即可 package databaseimport ("gin/config"…...

macOS - 获取硬件设备信息

文章目录 1、CPU获取方式 一: system_profiler获取方式二:sysctl, machdepmachdep 2、内存3、硬盘4、显卡5、声卡6、光驱7、系统序列号8、型号标识符9、UUID 等信息 10. 计算机名称 1、CPU 获取方式 一: system_profiler % syst…...

突破编程_C++_STL教程( queue 的基础知识)

1 std::queue 概述 std::queue 是 C 标准模板库(STL)中的一种容器适配器,它提供了队列(Queue)这种数据结构的功能。队列是一种特殊的线性表,它只允许在表的前端(front)进行删除操作…...

Hystrix 容错机制数据监控可视界面无法加载

在微服务项目中创建一个Hystrix模块配置好pom和yml文件但是在加载可视化界面的时候报如下问题 第一个界面报的错误 第二个界面报错误 熔断监控图形化界面报错Unable to connect to Command Metric Stream 解决方案 在yml文件在加如下代码 代码块 hystrix:dashboard:proxy…...

【Java】POI解析excel

一、相关介绍 POI技术 Apache POI是Apache软件基金会的开放源码函式库&#xff0c;POI提供API给Java程序对Microsoft Office格式档案读和写的功能。 poi-ooxml能解析xls&#xff0c;xlsx。 poi能解析word、ppt、excel、xml等office软件 导入坐标&#xff1a; <depende…...

AI浸入社交领域,泛娱乐APP如何抓住新风口?

2023年是大模型技术蓬勃发展的一年&#xff0c;自ChatGPT以惊艳姿态亮相以来&#xff0c;同年年底多模态大模型技术在国内及全球范围内的全面爆发&#xff0c;即模型能够理解并生成包括文本、图像、视频、音频等多种类型的内容。例如&#xff0c;基于大模型的文本到图像生成工具…...

遥感图像地物分类流程

遥感图像地物分类流程 1. 制作标签 使用arcgis pro或者arcgis或者envi&#xff0c;画标签&#xff0c;保存为tiff格式 2. 处理标签数据 用python gdal库安装 osgdal库&#xff0c;如果安装失败就需要下载 对应库得 .whl去安装&#xff0c;网站具体搞忘了&#xff0c;可以百…...

JS13-事件的绑定和事件对象Event

绑定事件的两种方式/DOM事件的级别 DOM0的写法&#xff1a;onclick element.onclick function () {}举例&#xff1a; <body> <button>点我</button> <script>var btn document.getElementsByTagName("button")[0];//这种事件绑定的方式…...

pycorrector检测OCR错字实践

参考&#xff1a;https://github.com/shibing624/pycorrector/tree/master/examples/macbert stopwords.txt 添加专业停用词&#xff0c;避免错误 设置自定义词典&#xff0c;避免将正确的词错误检测成错误的词 from pycorrector import Corrector m Corrector() m.set_cus…...

RDD算子介绍(三)

1. join 将相同的key的值连接在一起&#xff0c;值的类型可以不同 val rdd1 : RDD[(String, Int)] sc.makeRDD(List(("a", 1), ("b", 2), ("c", 3))) val rdd2 : RDD[(String, Int)] sc.makeRDD(List(("a", 4), ("b", 5…...

Redis的脑裂问题

Redis 脑裂&#xff08;Split-brain&#xff09;问题是指在分布式系统中&#xff0c;特别是基于主从复制和哨兵&#xff08;Sentinel&#xff09;模式的Redis集群中&#xff0c;由于网络分区&#xff08;network partition&#xff09;而导致部分节点组成了独立可用的服务&…...

【算法】雪花算法生成分布式 ID

SueWakeup 个人中心&#xff1a;SueWakeup 系列专栏&#xff1a;学习Java框架 个性签名&#xff1a;人生乏味啊&#xff0c;我欲令之光怪陆离 本文封面由 凯楠&#x1f4f7; 友情赞助播出! 目录 1. 什么是分布式 ID 2. 分布式 ID 基本要求 3. 数据库主键自增 4. UUID 5. S…...

FFplay使用滤镜添加字幕到现有视频显示

1.创建字幕文件4k.srt 4k.srt内容: 1 00:00:01.000 --> 00:00:30.000 日照香炉生紫烟2 00:00:31.000 --> 00:00:60.000 遥看瀑布挂前川3 00:01:01.000 --> 00:01:30.000 飞流直下三千尺4 00:01:31.000 --> 00:02:00.000 疑是银河落九天2.通过使用滤镜显示字幕在视…...

【Python + Django】Django模板语法 + 请求和响应

前言&#xff1a; 现在现在&#xff0c;我们要开始将变量的值展现在页面上面啦&#xff01; 要是只会显示静态页面&#xff0c;我们的页面也太难看和死板了&#xff0c; 并且数据库的数据也没法展现在页面上。 但是呢&#xff0c;模板语法学习之后就可以啦&#xff01;&…...

深度学习模型解释:SHAP与LIME

深度学习模型解释&#xff1a;SHAP与LIME 引言 深度学习模型在各个领域取得了显著的成功&#xff0c;但它们往往被视为"黑盒"&#xff0c;难以理解其决策过程。模型解释性已成为深度学习应用中的关键挑战&#xff0c;尤其是在医疗、金融等对决策可解释性要求较高的领…...

LIN总线API实战指南:从核心到传输层的嵌入式开发

1. LIN总线API入门&#xff1a;汽车电子的"对话规则" 第一次接触LIN总线API时&#xff0c;我把它想象成汽车电子模块之间的"方言词典"。就像不同地区的人需要通用语言手册才能顺畅交流&#xff0c;车窗控制器、座椅模块这些汽车电子单元也需要遵循特定规则…...

Notepad--:国产跨平台文本编辑器的终极选择,3分钟快速上手指南

Notepad--&#xff1a;国产跨平台文本编辑器的终极选择&#xff0c;3分钟快速上手指南 【免费下载链接】notepad-- 一个支持windows/linux/mac的文本编辑器&#xff0c;目标是做中国人自己的编辑器&#xff0c;来自中国。 项目地址: https://gitcode.com/GitHub_Trending/no/…...

JADX完整指南:5步掌握Android APK反编译的终极工具

JADX完整指南&#xff1a;5步掌握Android APK反编译的终极工具 【免费下载链接】jadx Dex to Java decompiler 项目地址: https://gitcode.com/gh_mirrors/ja/jadx JADX是一款功能强大的Android反编译工具&#xff0c;能够将DEX字节码转换为可读的Java源代码。作为Andro…...

新加坡求职股权激励介绍(股票期权Stock Options / ESOP、行权价Strike Price、限制性股票RSU、Phantom Shares虚拟股权)

文章目录新加坡求职必看&#xff1a;一文搞懂公司股权激励&#xff08;股票小白入门&#xff09;一、什么是股权激励&#xff1f;二、常见的三种股权形式&#xff08;重点&#xff09;1️⃣ 股票期权&#xff08;Stock Options / ESOP&#xff09;2️⃣ 限制性股票&#xff08;…...

高效离线阅读终极指南:200+网站小说下载器完全解析

高效离线阅读终极指南&#xff1a;200网站小说下载器完全解析 【免费下载链接】novel-downloader 一个可扩展的通用型小说下载器。 项目地址: https://gitcode.com/gh_mirrors/no/novel-downloader 在数字阅读时代&#xff0c;小说爱好者们面临着一个共同的困境&#xf…...

数字员工:不同场景下的落地案例全景

数字员工&#xff1a;不同场景下的落地案例全景 数字员工正在从概念走向规模化落地&#xff0c;覆盖制造、金融、零售、人力、客服等多个行业。以下是2025-2026年各领域真实应用案例的详细拆解。 一、供应链与制造场景 1. 壹沓科技&#xff1a;供应链物流AI Agent 企业背景&…...

Nintendo Switch第三方控制器终极方案:sys-con深度技术解析与应用指南

Nintendo Switch第三方控制器终极方案&#xff1a;sys-con深度技术解析与应用指南 【免费下载链接】sys-con Nintendo Switch sysmodule that allows support for third-party controllers 项目地址: https://gitcode.com/gh_mirrors/sy/sys-con 在Nintendo Switch游戏生…...

【实战】RuoYi-Vue开发环境一站式部署:从零到一启动前后端分离项目

1. 环境准备&#xff1a;从零搭建基础组件 刚接触RuoYi-Vue时&#xff0c;最头疼的就是环境搭建。记得我第一次部署时&#xff0c;光是处理各种依赖冲突就花了整整两天。现在把踩坑经验总结成这份保姆级教程&#xff0c;帮你半小时搞定全套环境。 JDK安装是第一个门槛。推荐使…...

Rust 编译器优化参数配置

Rust编译器优化参数配置指南 Rust以其出色的性能和安全性受到开发者青睐&#xff0c;而编译器优化参数配置是提升程序运行效率的关键。通过合理调整优化参数&#xff0c;开发者可以在编译时平衡构建速度与运行时性能&#xff0c;甚至针对特定场景&#xff08;如嵌入式或高性能…...