今天给小伙伴们分享一个轻量级的数字/密码键盘组件VueNumericKeyboard。
![43d2537774a0461a59c8eab5c2ab215d.png](https://i-blog.csdnimg.cn/blog_migrate/c48514461bce36c9523094dce19f439a.jpeg)
numeric-keyboard 手机端虚拟数字键盘,包含一个纯键盘UI和输入框套件。有Javascript、Vue、React、Angular多个版本。
![49a961ad64e52ee02466f8337b037c41.gif](https://i-blog.csdnimg.cn/blog_migrate/8f87e1785788007798495428d4e31ce2.gif)
安装
$ npm i numeric-keyboard -S
使用插件
Amount:
组件选项/属性
![2f7cf45458355dd2a35198e7e9cdeaec.png](https://i-blog.csdnimg.cn/blog_migrate/f37ab954474c089cc660129da18f0b2e.jpeg)
回调函数/事件
![4c74f9459e65932357b7fa62e6c8df1e.png](https://i-blog.csdnimg.cn/blog_migrate/a1cdac26caee22c7f9be22554e054525.jpeg)
有 number 和 tel 两种内置布局,你可以自定义任何布局样式,数字键盘使用一个二维数组构建了一种表格布局,支持单元格合并。
# 文档地址https://github.com/viclm/numeric-keyboard/blob/master/docs/README.cn.md#github地址https://github.com/viclm/numeric-keyboard
ok,就分享到这里。如果大家有其它Vue键盘组件,欢迎一起交流讨论哈!