Skip to content

A number input with plus and minus buttons, as a Vue component.

Notifications You must be signed in to change notification settings

manjufy/v-minusplusinput

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue Minus Plus Input

A number input with plus and minus buttons, as a VueJS component.

enter image description here

demo: https://el7r.github.io/v-minusplusinput/example.html

Basic Example

    <html>
        <head>
            <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/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”

About

A number input with plus and minus buttons, as a Vue component.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 81.1%
  • HTML 18.9%