mand-mobile/components/codebox

title	preview
CodeBox	https://didi.github.io/mand-mobile/examples/#/codebox

Import

import { Codebox } from 'mand-mobile'

Vue.component(Codebox.name, Codebox)

Code Examples

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
is-error-style	Whether to display an error style	Boolean	false

Codebox Methods

focus()

blur()

Hide keyboard

Codebox Events

@submit(code)

Invoked when user submit