更新记录
1.0.0(2019-11-28) 下载此版本
表单模板 模拟键盘 数字、身份证、车牌号
平台兼容性
-
申明:本模板的模拟键盘使用的是该开发者( 作者: 824566462@qq.com )的键盘修改而成(原插件地址: https://ext.dcloud.net.cn/plugin?id=888 ),感谢作者的辛苦付出~!
-
在原来的插件上修改了
type
传值//原来的传值 type: {//number数字键盘,idCard身份证键盘,plateNumber车牌号键盘 type: String, default: 'number' } //现在的传值 type: {//1-数字键盘,2-身份证键盘,3-车牌号键盘 type: Number, default: 1 } //所以只要传123即可
-
在原来的插件上修改了删除时和点击传值时触发的事件
// 现当用户点击某个值的时候,以及点击删除按钮的时候,统一触发input事件 //区别就是当用户点击的是删除的时候传值是一个空字符串 deleteVal() { this.input('') }, input(val) { if (val === '.' && this.disableDot) return; this.$emit('input', val); },
-
本模板为一个表单的填写模板,演示了如何在该表单上使用该模拟键盘模拟原生
input
框的输入(此模板中并没有使用input
组件,因为使用input
组件聚焦时会默认弹起原生键盘,当然可以使用uni
的键盘api
将键盘强制关闭,那么还有个问题,当用户点击模拟键盘的时候,input
框又会失焦,input
框将会失去一闪一闪的光标,此时会造成不好交互效果)。 -
使用方法(引用以及注册)
因发布的问题,本页面是一个登陆的表单页面,login.vue文件直接放在了components文件夹下,使用的时候请直接剪切出来作为某一页面使用,页面中已经写好引用、注册、调用等,取出即可食用
-
属性
属性名 属性说明 默认值 type Number 键盘类型 1-数字键盘 2-身份证键盘 3-车牌号键盘 1 safeAreaInsetBottom Boolean 是否设置安全区(iPhone10以上) false disableDot Boolean 是否禁用小数点.,当键盘为数字键盘的时候有效 false -
打开以及关闭键盘
this.$refs.keyboard.open() //打开键盘 this.$refs.keyboard.close() //关闭键盘