更新记录

v1.0.1（2019-11-07）

更新了使用事件

v1.0.0（2019-11-07）

完成车牌自定义键盘

平台兼容性

uniapp-carno-keyboard

uniapp框架下的自定义车牌键盘插件

使用方法

在script中引入组件

import carnoKeyboard from '@/components/carno-keyboard/carno-keyboard.vue'
  export default {
    ......
    components: {carnoKeyboard},
    ......
  }

在template中使用组件

<carnoKeyboard :showKeyboard.sync="modalShow" @kInput="onInput" @kDelete="onDelete" @kConfirm="onConfirm" @kClose="onClose"></carnoKeyboard>

export default {
  data() {
    return {
      carNo: '',
      modalShow: false
    }
  },
  components: {carnoKeyboard},
  methods: {
    showCarNo () {
      this.modalShow = true
    },
    onInput (item) {
      this.carNo += item
    },
    onDelete () {
      this.carNo = this.carNo.substr(0, this.carNo.length - 1)
    },
    onConfirm () {
      uni.showModal({
        content: this.carNo,
        showCancel: false
      })
    },
    onClose () {
      this.modalShow = false
    }
  }
}

属性说明

事件说明