1.0.0 • Published 6 years ago

vue-plate-number-input v1.0.0

Weekly downloads
5
License
-
Repository
-
Last release
6 years ago

车牌输入键盘控件- vue 组件版本

在线预览

在线 demo

npm.io

Quick Start

 <div id="app">
    <plate-number-input  v-model="carnum" @saveButtonClick='onSaveButtonClick'>
      <div>
        slot的内容插入到这里
      </div>
    </plate-number-input>
  </div>
export default {
  name: 'app',
  components: {
    plateNumberInput
  },
  data() {
    return {
      carnum: '粤B123452'
    };
  },
  methods: {
    onSaveButtonClick(isSaveButtonActive) {
      console.log(isSaveButtonActive ? '此时保存按钮可用' : '此时保存按钮不可用');
    }
  }
};

Installation

从 GitHub 下载代码

<script src="/path/to/plateNumberInput.js"></script>

用包管理工具

支持 npm

NPM

  $ npm install vue-plate-number-input --save

Module Loaders

支持 AMD, CommonJS 以及 ES module.

script 标签引入

script 标签引入,暴露在全局的变量是 plateNumberInput

ES6

import PlateNumberInput from 'vue-plate-number-input';

浏览器支持

ie9+

props

参数说明类型默认值
saveButtonText保存按钮展示文字string保存
headerText头部提示文字string请输入您的车牌
switchTextArr切换车牌按钮显示文字数组[]string'切换为新能源绿车牌', '点击切换为普通蓝牌车'
value当前车牌string-

event

事件名称说明参数参数说明
saveButtonClick点击保存按钮回调Booleantrue:保存按钮高亮,false:置灰保存按钮

LICENSE

MIT