HarmonyOS 鸿蒙Next TextInput如何直接获取其值，不要增加额外变量

HarmonyOS 鸿蒙Next TextInput如何直接获取其值，不要增加额外变量 如果增加一个变量，在onChange是可以获取值的，但是这样麻烦啊，别人的代码尽量少改动，有没有直接获取值的啊

类似啥的 $$.ref.userName.vlaue

3 回复

arkui不支持这么写，建议还是通过onchange赋值实现。

更多关于HarmonyOS 鸿蒙Next TextInput如何直接获取其值，不要增加额外变量的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


可以封装一个

TextInput，在封装的组件中，提供一个获取TextInput value 的方法

在HarmonyOS Next中，可以通过TextInput组件的onChange事件直接获取输入框的值。onChange事件会在输入内容发生变化时触发，并将当前输入的值作为参数传递给回调函数。以下是一个示例代码片段展示如何直接获取TextInput的值：

import { TextInput } from '@ohos.arkui.advanced';

@Entry
@Component
struct Index {
  build() {
    Column() {
      TextInput({ placeholder: '请输入内容' })
        .onChange((value: string) => {
          console.log('当前输入的值:', value);
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

在此代码中，onChange事件会捕获用户输入的内容，并通过value参数直接输出到控制台。无需额外变量来存储TextInput的值。

回到顶部