如何一键清空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
相关问题
Chart内容如何清空。谢谢。
1522浏览 • 1回复 待解决
如何使应用一键变灰,你会吗?
1211浏览 • 1回复 待解决
openharmony怎么在app上实现一键关机?
1350浏览 • 2回复 待解决
js如何清空个input 输入框的内容
6375浏览 • 1回复 待解决
Image组件缓存清空问题
2836浏览 待解决
如何隐藏容器组件的溢出内容
1083浏览 • 1回复 待解决
TextInput组件获取焦点的几种场景
1025浏览 • 1回复 待解决
如何根据组件内容大小修改浮动窗口
843浏览 • 1回复 待解决
如何TextArea中设置最小的高度。
116浏览 • 1回复 待解决