头图

Vue移动端车牌选择器实现摘要

一缕青丝断情愁
最近在做一个小程序,内部有车辆管理系统,需要用户录入车牌信息,在网上没找到特别符合自己需求的Vue组件,于是自己梳理了一下相关的要点,并制作了一个基于VueJS的可在小程序内运行的车牌选择器

效果图

image.png
image.png
image.png

原型图

image.png

相关功能点梳理

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

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

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

    • 车牌如果是新能源,车牌位数为8位
    • 车牌如果是燃油车,车牌位数为7位
阅读 428

前端三两事
用于记录在前端开发中,遇到的坑,收获的一些心得
175 声望
4 粉丝
0 条评论
你知道吗?

175 声望
4 粉丝
宣传栏