mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
45 lines (33 loc) • 1.23 kB
Markdown
---
title: CodeBox
preview: https://didi.github.io/mand-mobile/examples/#/codebox
---
### Import
```javascript
import { Codebox } from 'mand-mobile'
Vue.component(Codebox.name, Codebox)
```
### Code Examples
<!-- DEMO -->
### API
#### Codebox Props
| Props | Description | Type | Default |
|----|-----|------|------|
| v-model | captcha | String | - |
| maxlength | maxlength of captacha, set to `-1` as no restriction | Number | `4` |
| autofocus | immediately open simulated keyboard, not work for system keyboard | Boolean | `false` |
| mask | whether to mask code or not | Boolean | `false` |
|disabled|disable input|Boolean|`false`|
|justify|take full space|Boolean|`false`|
| closable | whether to hide keyboard when clicking away | Boolean | `true` |
| ok-text | the text of confirmation button of the keyboard |String| `Confirm` |
| disorder| whether to use random keyboard layout or not | Boolean | `false` |
| system | whether to use system keyboard or simulated keyboard | Boolean | `false` |
| is-view | whether to show as inline element or append to the body | Boolean |`false`|
#### Codebox Methods
##### focus()
##### blur()
Hide keyboard
#### Codebox Events
##### @submit(code)
Invoked when user submit