简介

万能键盘是一款集数字键盘、带小数点的数字键盘、身份证键盘、车牌号键盘为一身的自定义键盘。

效果图

属性

属性	类型	可为空	备注
keyboardtype	String	是	‘number’:数字键盘（默认），‘digit’:带小数点数字键盘，‘idcard’:身份证键盘，‘car’:车牌键盘
defaultValue	String	否	初始化键盘值，默认为’’,每次回调重新赋值
newCar	Boolean	是	是否为新能源车牌，keyboardtype='car’生效，默认为false

事件

事件名	备注
@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="car" :newCar="false" :defaultValue="title" @keyboardClick="handleClick"></master-keyboard>

import keyboard from '../../components/master-keyboard/master-keyboard.vue' //引用组件
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没有本子尚未测试。

其他

第一次写插件，不足之处，请多多原谅。有任何问题，欢迎评论指出。感谢你的关注和支持。

demo

uniapp插件下载

【蝴蝶壁纸】QQ小程序，每天分享免费壁纸！

【缘来是星座】微信小程序，每天1点、7点、17点更新十二星座运势，还可以查看你的他（她）和你是否配对奥！