1.1.9 • Published 7 years ago
wc-keyboard v1.1.9
wc-keyboard
基于 vue 封装的一个自定义数字键盘 + 输入框, 仿照大众点评闪惠买单.
why?
- 刚开始选用 input type = tel, 发现移动端没有办法输入小数
- 换成 input type = text, 发现唤起的键盘不是数字键盘
- 最终选择 input type = number, 又发现验证规则有部分实现不了
效果
更新
后来我想了下, 可以通过监听键盘点击事件, 然后拿到输入值的 keyCode 从而进行值的验证. 但是这样缺少一个自定义的输入框, 输入框无法实现类似大众点评那般.
感谢
使用方法
npm i wc-keyboard --save
import wcKeyBoard from 'wc-keyboard'
import 'wc-keyboard/style.css'
Vue.use(wcKeyBoad);
<wc-keyboard
v-model="value" // 输入框的值
inter="5" // 限制整数位数
decimal="2" // 小数位数
placeholder="询问服务员后输入"
label="消费金额"/>
1.1.9
7 years ago
1.1.8
7 years ago
1.1.7
7 years ago
1.1.6
7 years ago
1.1.5
7 years ago
1.1.4
7 years ago
1.1.3
7 years ago
1.1.2
7 years ago
1.1.1
7 years ago
1.1.0
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago