最近在做一個小程序,內部有車輛管理系統,需要用户錄入車牌信息,在網上沒找到特別符合自己需求的Vue組件,於是自己梳理了一下相關的要點,並製作了一個基於VueJS的可在小程序內運行的車牌選擇器
效果圖
原型圖
相關功能點梳理
- 點擊選擇車牌,展示
車牌選擇軟鍵盤 -
車牌第一位為
省份簡稱- 只能選擇省份簡稱
- 選擇完省份後,
軟鍵盤的數據需要切換到數字跟字母的混合
-
車牌第二位為
市級標識符- 市級標識符時,不允許選擇
數字,需要將數字按鈕給禁用
- 市級標識符時,不允許選擇
-
車牌第三位如果是
D(純電動)或者F(混動),車牌- 車牌如果是
新能源,車牌位數為8位 - 車牌如果是
燃油車,車牌位數為7位
- 車牌如果是