## PasswordInput The PasswordInput component is usually used with [NumberKeyboard](#/en-US/component/number-keyboard) Component. ### Install ``` javascript import { PasswordInput, NumberKeyBoard } from 'vant'; Vue.component(PasswordInput.name, PasswordInput); Vue.component(NumberKeyBoard.name, NumberKeyBoard); ``` ### Usage #### Basic Usage ```html ``` ```javascript export default { data() { return { value: '', showKeyboard: true }; }, methods: { onInput(key) { this.value = (this.value + key).slice(0, 6); }, onDelete() { this.value = this.value.slice(0, this.value.length - 1); } } } ``` ### API | Attribute | Description | Type | Default | Accepted Values | |-----------|-----------|-----------|-------------|-------------| | value | Password value | `String` | `''` | - | | length | Maxlength of password | `Number` | `6` | - | | info | Bottom info | `String` | - | - | | errorInfo | Bottom error info | `String` | - | - | ### Event | Event | Description | Attribute | |-----------|-----------|-----------| | focus | Triggered when input get focused | - |