最近在做一个小程序，外部有车辆管理系统，须要用户录入车牌信息，在网上没找到特地合乎本人需要的Vue组件，于是本人梳理了一下相干的要点，并制作了一个基于VueJS的可在小程序内运行的车牌选择器

效果图



原型图

相干性能点梳理

  • 点击抉择车牌，展现车牌抉择软键盘

  • 车牌第一位为省份简称

    • 只能抉择省份简称
    • 抉择完省份后，软键盘的数据须要切换到数字跟字母的混合

  • 车牌第二位为市级标识符

    • 市级标识符时，不容许抉择数字 ，须要将数字按钮给禁用

  • 车牌第三位如果是D（纯电动)或者F(混动)，车牌

    • 车牌如果是新能源，车牌位数为8位
    • 车牌如果是燃油车，车牌位数为7位