如何一键清空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内容如何清空。谢谢。
582浏览 • 1回复 待解决
如何使应用一键变灰,你会吗?
201浏览 • 1回复 待解决
js如何清空个input 输入框的内容
5631浏览 • 1回复 待解决
openharmony怎么在app上实现一键关机?
566浏览 • 2回复 待解决
Image组件缓存清空问题
1916浏览 • 0回复 待解决
如何隐藏容器组件的溢出内容
136浏览 • 1回复 待解决
如何根据组件内容大小修改浮动窗口
146浏览 • 1回复 待解决
TextInput如何取消默认聚焦效果
74浏览 • 1回复 待解决
TextInput的onSubmit事件如何使用
110浏览 • 1回复 待解决
为何RichText组件内容可以滚动
165浏览 • 1回复 待解决
预览器上WEB组件无法显示HTML内容
140浏览 • 1回复 待解决