乐趣区

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

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

效果图



原型图

相干性能点梳理

  • 点击抉择车牌,展现 车牌抉择软键盘
  • 车牌第一位为 省份简称

    • 只能抉择省份简称
    • 抉择完省份后,软键盘 的数据须要切换到 数字 字母 的混合
  • 车牌第二位为 市级标识符

    • 市级标识符时,不容许抉择 数字 ,须要将 数字 按钮给禁用
  • 车牌第三位如果是 D(纯电动) 或者F(混动),车牌

    • 车牌如果是 新能源,车牌位数为 8 位
    • 车牌如果是 燃油车,车牌位数为 7 位
退出移动版