1.0.2 • Published 5 years ago

vue-zenkaku-number-inputter v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
5 years ago

vue-zenkaku-number-inputter

A number inputter which can handle full-width(zenkaku) number for vue.js.

\ とほとんど同じ機能ですが、全角数字を扱えます。

Quick start

In your main process.

import NumberInputter from 'vue-zenkaku-number-inputter'
import 'vue-zenkaku-number-inputter/dist/vue-zenkaku-number-inputter.css'

Vue.use(NumberInputter)

In your component.

<template>
  <div class="your-component">
     <number-inputter v-model="target" />
  </div>
</template>

<script>
export default {
  data () {
    return {
      target: 0
    }
  }
}
</script>

Props

proptypedefaultdescription
valuenumberThe value you want to bind.
maxnumber / string9999The maximum of the value.
minnumber / string0The minimum of the value.

Events

eventdescription
inputWould be triggered when the value changed.
overMaxWould be triggered when the value got over the maximum.
underMinWould be triggered when the value got under the maximum.
1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago