更新记录
1.0.3(2021-09-24)
1、新增uni_modules支持。
2、新增数字键盘安全键盘模式。
3、修复一些已知问题。
1.0.2(2021-09-24)
修复一些已知问题
1.0.0(2021-09-24)
1、新增uni_modules支持。
2、新增数字键盘安全键盘模式。
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
每日星座运势分析、二次元壁纸免费下载
短视频免费去水印、藏头诗生成、星座运势、星座配对 |
二次元、动漫、游戏、cos、美女等壁纸免费下载 |
每日精选星座推文 |
![](https://mp-3f275ced-852a-4a79-aa19-f3fe4dcfc357.cdn.bspapp.com/cloudstorage/ef118889-03fd-4e2d-9a88-655d077e0813.jpg) |
![](https://mp-3f275ced-852a-4a79-aa19-f3fe4dcfc357.cdn.bspapp.com/cloudstorage/a05147b9-f043-46a4-8310-e4b7bd13e908.jpg) |
![](https://mp-3f275ced-852a-4a79-aa19-f3fe4dcfc357.cdn.bspapp.com/cloudstorage/aaed925d-f6e5-432a-bb85-645f799f1970.jpg) |
简介
万能键盘是一款集数字键盘、带小数点的数字键盘、身份证键盘、车牌号键盘为一身的自定义键盘。
注:本插件已停止维护,但不影响使用,欢迎使用新版 自定义车牌输入键盘--车牌键盘
属性
属性 |
类型 |
必填 |
备注 |
keyboardtype |
String |
否 |
number :数字键盘(默认),digit :带小数点数字键盘,idcard :身份证键盘,car :车牌键盘 |
defaultValue |
String |
是 |
初始化键盘值,默认为'',每次回调重新赋值 |
newCar |
Boolean |
否 |
是否为新能源车牌,keyboardtype 为car 生效,默认为false |
randomNumber |
Boolean |
否 |
是否开启安全键盘,默认为false ,仅keyboardtype 为 number 、digit 、idcard 时生效 |
事件
事件名 |
备注 |
@keyboardClick |
键盘输入回调,返回值event:{value:value} ,键盘输入值:event.value |
说明
可配合input
使用,也可配合text、view
等组件使用,请注意如果配合input
使用,input
请添加:disabled="true"
属性,暂时还未找到input
隐藏软键盘的方法,如果你有关于隐藏软键盘的方法,欢迎评论留言。
基本用法
<input class="text_wrap" @click="handleShowKeyboard" :disabled="true" placeholder="请输入车牌号" :value="title"/>
<master-keyboard ref="keyboard" keyboardtype="number" :randomNumber="true" :newCar="false" :defaultValue="title" @keyboardClick="handleClick"></master-keyboard>
data:{
return {
title: ''
}
}
components: {
'master-keyboard': keyboard
},
methods: {
handleShowKeyboard(){
this.$refs.keyboard.open(true)//true 键盘显示 false 键盘隐藏
},
handleClick(e){
this.title = e.value //键盘输入值
}
}
兼容性
微信、QQ
小程序、Android、Edge实测没问题,IOS
没有本子尚未测试。