keyboard-license-plate
vue车牌号模拟键盘
Installation
Use
$ npm install keyboard-license-plate -S
import Vue from 'vue'
import KeyboardLicensePlate from 'keyboard-license-plate'
Vue.use(KeyboardLicensePlate)
<keyboard-license-plate ref="keyboard" v-model="licensePlateNumber"/>
API
component attributes:
Attr. Name | Type | Description | Required | Default Value |
---|---|---|---|---|
value | String | 绑定值 | N | - |
placeholder | String | 占位文本 | N | 车牌号码 |
default-province | String | 车牌号首位默认值 | N | 湘 |
z-index | Number | 键盘z-index样式值 | N | 5000 |
disabled-keys | Array | 禁用按钮值 | N | ['I', 'O'] |
instance methods:
-
focus()
获取焦点 -
blur()
取消焦点
instance attributes:
-
valid
布尔值,表示车牌号码格式是否正确
Local setup
npm install
npm run serve