car-number-vue3

1.0.2 • Public • Published

car-number-vue3

介绍

  • car-number-vue3是一款基于vue3的车牌号输入控件,支持自定义输入框。

示例

gitHub

gitee

项目中使用

  • 下载
npm install car-number-vue3
  • 在main.js中加入
import CarNumber from 'car-number-vue3'
import 'car-number-vue3/lib/carNumber.css'

createApp(App).use(CarNumber).mount('#app')
  • 在需要的页面中使用
<CarNumber></CarNumber>

API

Props

名字 类型 默认值 说明
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 是否新能源车牌

Events

名字 参数 说明
@submit -- 关闭键盘时触发;返回输入的值

Slots

参数 slotProps 说明
default value:Array 自定义输入框

贡献

有任何意见或建议都欢迎提 issue

License

MIT

特别感谢

vue

input-number-plate

Change Log

  • 1.0.2

fix bug

  • 1.0.1

fix bug

  • 1.0.0

首次发版

Readme

Keywords

Package Sidebar

Install

npm i car-number-vue3

Weekly Downloads

2

Version

1.0.2

License

MIT

Unpacked Size

89.4 kB

Total Files

8

Last publish

Collaborators

  • chenjiancong