HarmonyOS 鸿蒙Next TextInput组件如何在onSubmit后，自动清空其中文本？

HarmonyOS 鸿蒙Next TextInput组件如何在onSubmit后，自动清空其中文本？ 如题，TextInput有没有这种机制？或者，我应该如何实现回车提交后，自动清除输入框的内容？

4 回复
  • 设置提交后，直接将文本清空
  • @State text:string=''
  • @State textInput:string='' //保存输入内容
  • TextInput({ placeholder: '请输入', text: this.text })
  • this.textInput=this.text //输入内容
  • this.text=''

更多关于HarmonyOS 鸿蒙Next TextInput组件如何在onSubmit后，自动清空其中文本？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


可否多问一下，.onSubmit传入的这个箭头函数的这两个参数什么意思？

情况状态变量就行啊

在HarmonyOS（鸿蒙）中，要使TextInput组件在onSubmit事件后自动清空其中的文本，可以通过在onSubmit事件处理函数中设置TextInput的value属性为空字符串来实现。

以下是一个示例代码片段：

@Entry
@Component
struct MyComponent {
  @State text: string = '';

  build() {
    Column() {
      TextInput({ placeholder: '请输入内容', text: this.text })
        .onSubmit((value: string) => {
          // 处理提交逻辑
          console.log('提交的内容:', value);

          // 清空TextInput中的文本
          this.text = '';
        })
        .onChange((value: string) => {
          this.text = value;
        })
    }
  }
}

在这个示例中，TextInput组件的onSubmit事件被触发时，会将text状态变量设置为空字符串，从而清空输入框中的内容。onChange事件用于实时更新text状态变量的值。

回到顶部