dannyfeliz/vue-numeric

Input field component to display currency value based on Vue.

vue-numeric

Numeric input component based on Vue.

Installation

$ npm install vue-numeric --save-dev

Usage

<template>
  <vue-numeric currency="$" separator="," v-model="price"></vue-numeric>
</template>

<script>
import VueNumeric from 'vue-numeric'

export default {

  name: 'App',

  components: {
    VueNumeric
  },

  data () {
    return {
      price: ''
    }
  }

}
</script>

Props

 /**
  * Default value.
  */
 default: {
   type: [String, Number],
   required: false
 },
 
 /**
  * Input placeholder.
  */
 placeholder: {
   type: String,
   required: false
 },
 
 /**
  * Minimum value.
  */
 min: {
   type: [String, Number],
   required: false
 },
 
 /**
  * Maximum value.
  */
 max: {
   type: [String, Number],
   required: false
 },

 /**
  * Currency prefix.
  */
 currency: {
   type: String,
   required: true
 },
 
 /**
  * Thousand separator type.
  */
 separator: {
   type: String,
   required: false
 },

License

Vue-Numeric is open-sourced software licensed under the MIT license