## NumberKeyboard ### Install ``` javascript import { NumberKeyboard } from 'vant'; Vue.component(NumberKeyboard.name, NumberKeyboard); ``` ### Usage #### Basic Usage :::demo Basic Usage ```html ShowKeyboard HideKeyboard ``` ```javascript export default { data() { return { showKeyboard: true } }, methods: { onInput(value) { Toast(value); }, onDelete() { Toast('delete'); } } } ``` ::: ### API | Attribute | Description | Type | Default | Accepted Values | |-----------|-----------|-----------|-------------|-------------| | show | Whether to show keyboard | `Boolean` | - | - | | title | Keyboard title | `String` | - | - | | extraKey | Content of bottom left key | `String` | `''` | - | | zIndex | Keyboard z-index | `Number` | `100` | - | | transition | Whether to show transition animation | `Boolean` | `true` | - | | showDeleteKey | Whether to show delete button | `Boolean` | `true` | - | ### Event | Event | Description | Attribute | |-----------|-----------|-----------| | input | Triggered when keydown | key: Content of the key | | delete | Triggered when press delete key | - | | blur | Triggered when blur keyboard | - | | show | Triggered when keyboard is fully displayed. | - | | hide | Triggered when keyboard is fully hidden. | - |