Licence-plate-keyboard-vue NPM

介绍

基于vue@2.6.6的h5端车牌键盘

props

属性	类型	是否必须	默认值	说明
mode	string	否	default	default \| panel \| bar
visible	boolean	否	true	控制键盘的显示隐藏，在mode='panel'时不可用
autoClear	boolean	否	true	数据完成提交后是否重置组件状态

events

事件名称	说明	类型	参数
submit-license-number	完成按键的触发事件	function(arr)	arr：最终提交的数据
license-key-touch	输入按键的触发事件	function(arr, str)	arr：已输入的数据 \| str：当前输入的数据
close-keyboard	关闭按键的触发事件	function()	-

示例

<template>
  <div id="app">
    <licence-plate-keyboard
        :mode="panel"
        v-on:license-key-touch="licenseKeytouch"
        v-on:submit-license-number="submitLicenseNumber"
    />
    </licence-plate-keyboard>
  </div>
</template>
<script>
    import licencePlateKeyboard from 'licence-plate-keyboard-vue'
    export default {
        name: 'app',
        components: {
            licencePlateKeyboard
        },
        methods: {
            licenseKeytouch(arr, str) {
                console.log(arr, str)
            },
            submitLicenseNumber(arr) {
                console.log(arr)
            }
        }
    }
</script>

1.0.0

4 years ago