Number input component for Vue.js

by Vue.js Examples

vue-number-input

Number input component for Vue.js.

View Demo Download Source

Main

dist/
├── vue-number-input.js        (UMD)
├── vue-number-input.min.js    (UMD, compressed)
├── vue-number-input.common.js (CommonJS, default)
└── vue-number-input.esm.js    (ES Module)

Getting started

Installation

npm install @chenfengyuan/vue-number-input vue

In browser:

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-number-input.js"></script>

Usage

import Vue from 'vue';
import VueNumberInput from '@chenfengyuan/vue-number-input';

Vue.component(VueNumberInput.name, VueNumberInput);

<number-input controls></number-input>

In browser:

<script>Vue.component(VueNumberInput.name, VueNumberInput);</script>

Browser support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Opera (latest)
  • Edge (latest)
  • Internet Explorer 9+

GitHub