介绍

基于[email protected]的h5端车牌键盘

props

| 属性 | 类型 | 是否必须 | 默认值 | 说明 | | - | - | - | - | - | | mode | string | 否 | default | default | panel | bar | | visible | boolean | 否 | true | 控制键盘的显示隐藏，在mode='panel'时不可用 | | autoClear | boolean | 否 | true | 数据完成提交后是否重置组件状态 |

events

| 事件名称 | 说明 | 类型 | 参数 | | - | - | - | - | | submit-license-number | 完成按键的触发事件 | function(arr) | arr：最终提交的数据 | | license-key-touch | 输入按键的触发事件 | function(arr, str) | arr：已输入的数据 | str：当前输入的数据 | | close-keyboard | 关闭按键的触发事件 | function() | - |

示例

<template>
    <div id="app">
        <license-plate-keyboard
            :mode="panel"
            v-on:license-key-touch="licenseKeytouch"
            v-on:submit-license-number="submitLicenseNumber"
        />
    </div>
</template>
<script>
    import licensePlateKeyboard from 'license-plate-keyboard-vue'
    export default {
        name: 'app',
        components: {
            licensePlateKeyboard
        },
        methods: {
            licenseKeytouch(arr, str) {
                console.log(arr, str)
            },
            submitLicenseNumber(arr) {
                console.log(arr)
            }
        }
    }
</script>