#鸿蒙通关秘籍#在页面中如何调用HarmonyOS Next的验证码输入组件？

在页面中，可以通过引入VerifyCodeInput组件，并绑定输入的验证码值，实现验证码输入功能。在Index.ets中进行布局。

import VerifyCodeInput from '../components/VerifyCodeInput/VerifyCodeInput'

@Entry
@Component
struct Index {
  @State value:string=''

  build() {
    Navigation() {
      Column() {
        VerifyCodeInput({inputCode:this.value})
      }.width('100%')
    }.title('验证码输入')
    .titleMode(NavigationTitleMode.Mini)
  }
}

页面效果会显示一个输入框，每输一个数字自动切换到下一个框，直到全部输入完成。