Vue Minus Plus Input is an input component that enables the user to change the input value using the Minus and Plus buttons, as a VueJS component.
vue numeric input, vue number input minmax, vuetify number plus minus, vue float input, v minusplusfield, plus minus button javascript, vue input number decimal
Options
- :min – minimum value
- :max – maximum value
- :value – the value, may be used with :bind v-bind:value=“someVariable”
Highlight Colors Min/Max Values For The HTML Table | tableMinMax
How to make use of it:
1. Import the Minus Plus Input component.
<script src="/path/to/cdn/vue.js"></script> <script src="/path/to/dist/js/v-minusplusfield.js"></script> <link href="/path/to/dist/css/v-minusplusfield.css" rel="stylesheet" />
2. Insert the <v-minusplusfield /> component into your app and specify the current /min/max values as follows:
<v-minusplusfield :value="50" :min="0" :max="100"> </v-minusplusfield>
Vue Minus Plus Input, v-minusplusinput Plugin/Github
See Demo And Download
Official Website(alinoaimi): Click Here
This superior jQuery/javascript plugin is developed by alinoaimi. For extra advanced usage, please go to the official website.