如何一键清空TextInput、TextArea组件内容

如何一键清空TextInput、TextArea组件内容

HarmonyOS
2024-01-19 15:38:02
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
blademan

将状态变量赋值给TextInput或TextArea组件的text属性,在做点击清空事件时为状态变量赋值空字符串。

代码示例

@Entry 
@Component 
struct Index { 
  @State text: string = 'Hello World'; 
  controller: TextInputController = new TextInputController(); 
 
  build() { 
    Row() { 
      Column() { 
        TextInput({ placeholder: 'Please input your words.', text: this.text, 
          controller:this.controller}).onChange((value) => { 
          this.text = value; 
        }) 
        Button('Clear TextInput').onClick(() => { 
          this.text = ''; 
        }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-01-19 21:20:13
相关问题
使用一键登录hsp包,编译报错
68浏览 • 1回复 待解决
HarmonyOS 一键登录功能
126浏览 • 1回复 待解决
HarmonyOS如何实现一键登录功能?
64浏览 • 0回复 待解决
如何过滤textinput组件内容
315浏览 • 1回复 待解决
Chart内容如何清空。谢谢。
2647浏览 • 1回复 待解决
如何使应用一键变灰,你会吗?
2400浏览 • 1回复 待解决
HarmonyOS有一键置灰功能吗
282浏览 • 1回复 待解决
openharmony怎么在app上实现一键关机?
2662浏览 • 2回复 待解决
js如何清空个input 输入框的内容
7624浏览 • 1回复 待解决
TextInput ,TextArea无法设置字体间距
192浏览 • 1回复 待解决
如何清空文本输入框的内容
565浏览 • 1回复 待解决
Image组件缓存清空问题
3880浏览 待解决