lanyun-message-input

介绍

该组件一般用于验证用户短信验证码或设置密码的场景。

使用方法

import "../../components/lanyun-message-input/lanyun-message-input.stml";

例子

<lanyun-message-input
    @finish="handleFinish"
    @change="handleChange"
    :dot-fill="false"
    :maxlength="5"
    :disabled-keyboard="false"
    value="1"
    active-color="#06f"
    inactive-color="#606266"
/>

props 属性

参数 说明 类型 默认值
value 预设值, 选填 string \ number -
maxlength 输入字符个数, 选填 string \ number 4
dot-fill 是否用圆点填充, 选填 boolean false
active-color 当前激活输入框的颜色, 选填 string #06f
inactive-color 非激活输入框的颜色, 选填 string #9CA3AF
disabled-keyboard 禁止点击输入框唤起系统键盘, 选填 boolean false

events 事件

事件名 说明 回调参数
change 输入内容发生改变时触发 value: 当前输入的值
finish 输入字符个数达到maxlength值时触发 value: 当前输入的值