Vue Minus Plus Input
A number input with plus and minus buttons, as a VueJS component.
demo: https://el7r.github.io/v-minusplusinput/example.html
Basic Example
<html> <head> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script src="dist/js/v-minusplusfield.js" type="text/javascript"></script> <link href="dist/css/v-minusplusfield.css" rel="stylesheet" /> </head> <body> <div id="app"> <v-minusplusfield :value="50" :min="5" :max="55"></v-minusplusfield> </div> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> </html>Options
- :min - minimum value
- :max - maximum value
- :value - the value, may be used with :bind v-bind:value=“someVariable”
