更新记录

1.0.0(2019-11-28) 下载此版本

表单模板 模拟键盘 数字、身份证、车牌号


平台兼容性

  1. 申明:本模板的模拟键盘使用的是该开发者( 作者: 824566462@qq.com )的键盘修改而成(原插件地址: https://ext.dcloud.net.cn/plugin?id=888 ),感谢作者的辛苦付出~!

  2. 在原来的插件上修改了type传值

    //原来的传值
    type: {//number数字键盘,idCard身份证键盘,plateNumber车牌号键盘
           type: String,
           default: 'number'
       }
    
    //现在的传值
    type: {//1-数字键盘,2-身份证键盘,3-车牌号键盘
           type: Number,
           default: 1
       }
    //所以只要传123即可
  3. 在原来的插件上修改了删除时和点击传值时触发的事件

    // 现当用户点击某个值的时候,以及点击删除按钮的时候,统一触发input事件
    //区别就是当用户点击的是删除的时候传值是一个空字符串
    deleteVal() {
       this.input('')
    },
    input(val) {
      if (val === '.' && this.disableDot) return;
         this.$emit('input', val);
    },
  4. 本模板为一个表单的填写模板,演示了如何在该表单上使用该模拟键盘模拟原生input框的输入(此模板中并没有使用input组件,因为使用input组件聚焦时会默认弹起原生键盘,当然可以使用uni的键盘api将键盘强制关闭,那么还有个问题,当用户点击模拟键盘的时候,input框又会失焦,input框将会失去一闪一闪的光标,此时会造成不好交互效果)。

  5. 使用方法(引用以及注册)

    因发布的问题,本页面是一个登陆的表单页面,login.vue文件直接放在了components文件夹下,使用的时候请直接剪切出来作为某一页面使用,页面中已经写好引用、注册、调用等,取出即可食用

  6. 属性

    属性名 属性说明 默认值
    type Number 键盘类型 1-数字键盘 2-身份证键盘 3-车牌号键盘 1
    safeAreaInsetBottom Boolean 是否设置安全区(iPhone10以上) false
    disableDot Boolean 是否禁用小数点.,当键盘为数字键盘的时候有效 false
  7. 打开以及关闭键盘

    this.$refs.keyboard.open() //打开键盘
    this.$refs.keyboard.close() //关闭键盘

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问