CodeBox 验证码输入框

验证码输入框

引入

import { Codebox } from 'mand-mobile-next'

Vue.createApp().component(Codebox.name, Codebox)

代码演示

API

Codebox Props

属性	说明	类型	默认值
v-model	验证码字符串	String
maxlength	字符最大输入长度, 若为`-1`则不限制输入长度	Number	`4`
autofocus	是否直通聚焦拉起键盘, 对系统键盘不生效	Boolean	`false`
mask	是否掩码	Boolean	`false`
disabled	禁用输入	Boolean	`false`
justify	自动拉伸布局	Boolean	`false`
closable	点击输入框及键盘其他区域是否收起键盘	Boolean	`true`
ok-text	键盘确认键文案	String	`确认`
disorder	数字键盘是否乱序	Boolean	`false`
system	是否使用系统默认键盘	Boolean	`false`
is-view	是否内嵌在页面内展示，否则以弹层形式	Boolean	`false`

Codebox Methods

focus()

聚焦输入

blur()

失焦隐藏键盘

Codebox Events

@submit(code)

用户提交输入内容事件

区域列表组合