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

    首次发版

    Install

    npm i car-number-vue3

    DownloadsWeekly Downloads

    8

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    89.4 kB

    Total Files

    8

    Last publish

    Collaborators

    • chenjiancong