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 | 改变回调