TextInput组件如何清空输入框内输入的内容

搜索输入框点击搜索按钮后需要清空输入框中的内容。

HarmonyOS
2024-09-30 10:34:47
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

demo例子:

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-09-30 17:54:19
相关问题
如何清空文本输入框内容
735浏览 • 1回复 待解决
js如何清空一个input 输入框内容
7710浏览 • 1回复 待解决
如何监听输入输入内容变化?
359浏览 • 1回复 待解决
TextInput怎么输入中文
2948浏览 • 0回复 待解决
TextInput如何禁止输入emoj表情
537浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
348浏览 • 1回复 待解决
TextInput组件输入状态下隐藏光标
1257浏览 • 1回复 待解决
HarmonyOS 监听输入框删除键
134浏览 • 1回复 待解决