最近在做一个小程序,内部有车辆管理系统,需要用户录入车牌信息,在网上没找到特别符合自己需求的Vue组件,于是自己梳理了一下相关的要点,并制作了一个基于VueJS
的可在小程序
内运行的车牌选择器
效果图
原型图
相关功能点梳理
- 点击选择车牌,展示
车牌选择软键盘
车牌第一位为
省份简称
- 只能选择省份简称
- 选择完省份后,
软键盘
的数据需要切换到数字
跟字母
的混合
车牌第二位为
市级标识符
- 市级标识符时,不允许选择
数字
,需要将数字
按钮给禁用
- 市级标识符时,不允许选择
车牌第三位如果是
D(纯电动)
或者F(混动)
,车牌- 车牌如果是
新能源
,车牌位数为8位 - 车牌如果是
燃油车
,车牌位数为7位
- 车牌如果是
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。