1.0.2 • Published 5 years ago
vue-zenkaku-number-inputter v1.0.2
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
prop | type | default | description |
---|---|---|---|
value | number | The value you want to bind. | |
max | number / string | 9999 | The maximum of the value. |
min | number / string | 0 | The minimum of the value. |
Events
event | description |
---|---|
input | Would be triggered when the value changed. |
overMax | Would be triggered when the value got over the maximum. |
underMin | Would be triggered when the value got under the maximum. |