mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
39 lines (28 loc) • 1.86 kB
Markdown
---
title: LicensePlate 车牌键盘
preview:
---
专用于车牌输入键盘 <sup class="version-after">2.7.0+</sup>
### 引入
```javascript
import { LicensePlate } from 'mand-mobile'
Vue.component(LicensePlate.name, LicensePlate)
```
### 代码演示
<!-- DEMO -->
### API
#### LicensePlate Props
|属性 | 说明 | 类型 | 默认值| 备注 |
|----|-----|------|------|-----|
|shortcuts|省份键位数据|Array|`['京', '津', '渝', '沪', '冀', '晋', '辽', '吉', '黑', '苏', '浙', '皖', '闽', '赣', '鲁', '豫', '鄂', '湘', '粤', '琼', '川', '贵', '云', '陕', '甘', '青', '蒙', '桂', '宁', '新', '藏']`| - |
|letterData|字母键盘数据|Array|`[{value: 'Q',disabled: false,},{value: 'W',disabled: false,},{value: 'E',disabled: false,},{value: 'R',disabled: false,},{value: 'T',disabled: false,},{value: 'Y',disabled: false,},{value: 'U',disabled: false,},{value: 'I',disabled: true,},{value: 'O',disabled: true,},{value: 'P',disabled: false,},{value: 'A',disabled: false,},{value: 'S',disabled: false,},{value: 'D',disabled: false,},{value: 'F',disabled: false,},{value: 'G',disabled: false,},{value: 'H',disabled: false,},{value: 'J',disabled: false,},{value: 'K',disabled: false,},{value: 'L',disabled: false,},{value: 'Z',disabled: false,},{value: 'X',disabled: false,},{value: 'C',disabled: false,},{value: 'V',disabled: false,},{value: 'B',disabled: false,},{value: 'N',disabled: false,},{value: 'M',disabled: false,}]`| - |
|modeShow|展示模式|String|`division`| division/popUp |
|showPopUp|弹窗模式下控制展示|Boolean|`false`| - |
|title|弹窗模式下展示标题|String|`请输入车牌号码`| - |
|subtitle|弹窗模式下展示副标题|String|``| - |
|defaultValue|默认键位值|String|``| - |
#### LicensePlate Events
##### @hide()
半弹层关闭事件
##### @confirm()
键盘确认事件