vue 车牌号输入专用键盘

# vue 车牌号键盘组件 ### 使用说明： #### Props | 参数 | 说明 | 类型 | 默认值| | --- | --- | --- | --- | | value | 默认值| String | "" | | openKeyboardOnInit | 初始化时就弹出键盘（在弹窗中使用时） |Boolean | false| | closeOnClickOverlay| 点击遮罩关闭键盘 | Boolean | true | | overlay | 是否使用遮罩 | Boolean | true | | previewOnKeyboard| 是否在键盘上预览输入的值 | Boolean | true | |checkInputBlocked| 检查键盘是否挡住输入框 | Boolean | false | | readonly | 是否只读 | Boolean |false | #### Events | 参数 | 说明 | 参数 | | --- | --- | --- | | cancel | 取消 | value: string (当前输入的值) | | submit | 确定 | value: string (当前输入的值) | #### Slots | 参数 | 说明 | slotProps | | --- | --- | --- | | default | 自定义输入框 | value:Array | | backspace | 自定义退格(删除)按钮内容 | - | 使用示例： ``` <template>     <div class="page-index">         <div class="title">车牌号输入：</div>         <CarPlateKeyboard v-model="cphStr"></CarPlateKeyboard>         <div>{{ cphStr }}</div>     </div> </template> <script> import CarPlateKeyboard from '@/components/tools/carPlateKeyboard' export default {     components: {         CarPlateKeyboard     },     data () {         return  {             cphStr: ""         }     } } </script> <style lang="scss"> .page-index {     padding: 20px 15px;     .title {         margin-bottom: 15px;     } } </style> ``` image.png