vue-car-number-keyboard 使用说明

vue-car-number-keyboard 是一个 Vue.js 组件，它提供了一个车牌号输入键盘，可以方便地输入车牌号码。

使用方法如下：

1. 首先，在你的 Vue.js 项目中安装 vue-car-number-keyboard：

   npm install vue-car-number-keyboard --save

2. 在需要使用车牌号键盘的组件中引入该组件：

   import CarNumberKeyboard from 'vue-car-number-keyboard'

3. 在模板中使用 CarNumberKeyboard 组件，并传入必要的属性：

   <car-number-keyboard v-model="carNumber"></car-number-keyboard>

其中，v-model 绑定的是一个字符串类型的变量，用于存储输入的车牌号码。

4. 可选属性：

- `title`：键盘标题，默认为“请输入车牌号码”；
- `maxLength`：车牌号码最大长度，默认为 8；
- `okButtonText`：确定按钮的文本，默认为“确定”；
- `cancelButtonText`：取消按钮的文本，默认为“取消”；
- `showCancelButton`：是否显示取消按钮，默认为 true；
- `showOkButton`：是否显示确定按钮，默认为 true。

完整的使用示例：

<template>
  <div>
    <car-number-keyboard
      v-model="carNumber"
      title="请输入车牌号码"
      :maxLength="8"
      okButtonText="完成"
      cancelButtonText="取消"
      :showCancelButton="true"
      :showOkButton="true"
    ></car-number-keyboard>
  </div>
</template>

<script>
import CarNumberKeyboard from 'vue-car-number-keyboard'

export default {
  components: {
    CarNumberKeyboard
  },
  data() {
    return {
      carNumber: ''
    }
  }
}
</script>