1.0.5 • Published 3 years ago
car-plate-keyboard v1.0.5
car-plate-keyboard
介绍
- car-plate-keyboard 是基于 Vue 的一款虚拟键盘，用于车牌号输入。
示例
如何使用
- 安装
npm install car-plate-keyboard --save- vue 中注册插件
import carPlateKeyboard from 'car-plate-keyboard'
import 'car-plate-keyboard/lib/carPlateKeyboard.css'
Vue.use(carPlateKeyboard)- 页面使用
<car-plate-keyboard @submit="submit"></car-plate-keyboard>API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 默认值 | String | "" |
| open-keyboard-on-init | 初始化时就弹出键盘（在弹窗中使用时） | Boolean | false |
| close-on-click-overlay | 点击遮罩关闭键盘 | Boolean | true |
| overlay | 是否使用遮罩 | Boolean | true |
| preview-on-keyboard | 是否在键盘上预览输入的值 | Boolean | true |
| check-input-blocked | 检查键盘是否挡住输入框 | Boolean | false |
| readonly (1.0.2) | 是否只读 | Boolean | false |
Events
| 参数 | 说明 | 参数 |
|---|---|---|
| cancel | 取消 | value: string (当前输入的值) |
| submit | 确定 | value: string (当前输入的值) |
Slots
| 参数 | 说明 | slotProps |
|---|---|---|
| default | 自定义输入框 | value:Array |
| backspace | 自定义退格(删除)按钮内容 | - |
声明
本项目基于此项目上 input-number-plate 进行二次开发
在此感谢 原作者 对开源做出的贡献
Change Log
1.0.4
- 修复 遮罩覆盖键盘问题
1.0.3
- 修复 ios 上打开键盘时，定位错误问题
1.0.2
- 增加 只读
readonlyapi
1.0.1
- none
1.0.0
- 首个版本