1.0.2 • Published 3 years ago
vue-plate-number
A Vue component to plate-number
车牌输入专用键盘
安装
npm install vue-plate-number -S
使用
// ES6
import vuePlateNumber from 'vue-plate-number'
// require
var vuePlateNumber = require('vuePlateNumber')
Vue.use(vuePlateNumber)
// 或者直接使用script导入
<script src="./node_modules/vue/dist/vue-plate-number.js"></script>
// 作为组件的方式使用
<vue-plate-number></vue-plate-number>
配置
<plate-number
textColor="#000"
submitTitle="完成"
divBgColor="#fff"
plateNumber="闽A"
cardType="1"
ref="plateNumber"
@success="成功回调"
@change="改变回调"
>
<!-- 删除按钮slot -->
<div slot="delete">
删除
</div>
</plate-number>
Props
| name | Description | type | default |
|---|
| textColor | 键盘文字颜色 | String | #000 |
| divBgColor | 键盘每格背景 | String | #fff |
| AllBgColor | 整个键盘背景 | String | #9cbce2 |
| plateNumber | 默认车牌 | String | "" |
| cardType | 车牌类型（1：普通车牌 2：新能源车牌） | String | "1" |
| submitTitle | 提交文字 | String | 提交 |
Slots 支持自定义插槽
| name | Description | type | default |
|---|
| delete | 删除slot | | x |
Events
| name | Description |
|---|
| success | 成功回调 |
| change | 改变回调 |