vue-percent-input

Lightweight Percent Input for Vue. Use it as a normal input, add your classes and attributes
9,910 3
Install
npm install vue-percent-input
Latest Version:1.1.4
Vue:2
License:MIT
Last Updated:Jan 4, 2023
Links: GitHub  ·  npm
Maintainer: matheushf

VuePercentInput

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

percent-input

(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

Version History

Version Released Vue License
1.1.4 ^2.6.10 MIT
1.1.3 ^2.6.10
1.1.2 ^2.6.10
1.1.1 ^2.6.10
1.1.0 ^2.6.10