number-keyboard

number-keyboard

介绍

虚拟数字键盘,支持数字随机,支持自定义输出数字内容的长度,支持双向绑定,支持二次输入操作。可以为密码、验证码输入时使用。

使用方法

import '../../components/number-keyboard.stml'

例子

<number-keyboard
    :limitLengh="limit"
    :recnetNumber="arrNumber"
    :isRandom="isRandom"
    :isModel="isModel"
    onclose="closeNumberBoard" 
    onsetNumber="getNumber" 
    ondelNumber="deleteNumber"
    v-if="isShowNUmberBoard">
</number-keyboard>

props 属性

参数 说明 类型 默认值
limitLengh 输入内容限制长度,必填 int -
recnetNumber 上次输入内容,支持双向绑定必填 array -
isRandom 是否随机数字,必填 boolean -
isModel 是否支持双向绑定,必填 boolean -

events 事件

事件名 说明 回调参数
close 关闭键盘
setNumber 获取输入的数字 numbers : 返回输入的数字的数组
delNumber 删除输入的数字,不支持双向绑定的时候用到
是否仍需要帮助? 请保持联络!
最后更新于 2024/12/2