inflex13 / vue-percent-input

Lightweight Percent Input for Vue.js

VuePercentInput

Lightweight Percent Input for Vue. Use it as a normal input, add your classes and attributes

(based on v-money)

Usage

Globally

import Vue from 'vue'
import PercentInput from 'vue-percent-input'

// register component <percent-input>
Vue.use(PercentInput)

Or as component:

<template>
  <div>
    <percent-input v-model="percent"></percent-input>
      {{percent}}
  </div>
</template>

<script>
  import { PercentInput } from 'percent-input'

  export default {
    components: { PercentInput },
    data () {
      return {
        percent: 99.99,
      }
    }
  }
</script>

Props

property	Required	Type	Default	Description
integer-places	false	Number	3	How many integer places
decimal-places	false	Number	2	How many decimal places
suffix	false	Boolean	false	Percentage suffix: " %"

Suports all VMoney props