关于vue.js:Vue移动端车牌选择器实现摘要

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

效果图

原型图

相干性能点梳理

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

• 车牌第一位为 省份简称

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

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

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

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

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