鸿蒙密码输入框

最新推荐文章于 2025-05-29 15:04:49 发布

hashiqimiya

最新推荐文章于 2025-05-29 15:04:49 发布

阅读量219

点赞数 2

文章标签：鸿蒙低代码

本文链接：https://blog.youkuaiyun.com/hashiqimiya/article/details/147105784

版权

#代码密码输入框鸿蒙

@Entry
@Component
struct PasswordInputExample {
  @State passwordInput: string = ''

  build() {
    Column() {
      TextInput({
        placeholder: '请输入密码',
        text: this.passwordInput
      })
        .width('90%')
        .height(50)
        .margin({ top: 20 })
        .type(InputType.Password) // 正确的密码输入设置方式
        .onChange((value: string) => {
          this.passwordInput = value
        })
    }
    .width('100%')
  }
}

运行结果如下：