- vue-car-number是一款基于vue的车牌号输入控件,支持自定义输入框。
- vue3版: car-number-vue3
- 下载
npm install vue-car-number
- 在main.js中加入
import CarNumber from 'vue-car-number'
import 'vue-car-number/lib/carNumber.css'
Vue.use(CarNumber);
- 在需要的页面中使用
<CarNumber></CarNumber>
名字 | 类型 | 默认值 | 说明 |
---|---|---|---|
width | Number | 200 | 输入框宽度 |
height | Number | 30 | 输入框高度 |
borderColor | String | #959595 | 输入框边框颜色 |
backgroundColor | String | transparent | 输入框背景颜色 |
borderRadius | Number | 0 | 边框圆角 |
fontColor | String | #959595 | 文字颜色 |
fontSize | Number | 16 | 文字大小 |
defaultCarPlate | String | null | 默认车牌号 |
maskBackground | String | transparent | 遮罩颜色 |
clickMaskCloseKeyBoard | Boolean | true | 是否点击遮罩关闭键盘 |
isNewEnergy | Boolean | false | 是否新能源车牌 |
名字 | 参数 | 说明 |
---|---|---|
@submit | -- | 关闭键盘时触发;返回输入的值 |
参数 | slotProps | 说明 |
---|---|---|
default | value:Array | 自定义输入框 |
有任何意见或建议都欢迎提 issue
- 1.0.6
增加参数backgroundColor,增加键盘阴影
- 1.0.5
修复键盘没有挡住输入框,但页面存在滚动条的时候,键盘弹出页面会滚动的问题
- 1.0.4
none
- 1.0.3
默认省份改为默认车牌号
- 1.0.2
默认样式调整
- 1.0.1
默认样式调整
- 1.0.0
首次发版