Skip to content
A Vue directive for entering numbers and additional characters with a virtual keyboard.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
tests
.babelrc
README.md
package.json

README.md

v-number-panel

A Vue directive for entering numbers and additional characters with a virtual keyboard.

Demo

Installation

npm i v-number-panel --save

Usage

The Simplest Way

<input type="text" v-number-panel>

with Additional inputs

You can input additional character(s).

<!-- HTML -->
<input type="text" v-number-panel="numberPanelOptions">

// JS
new Vue({
    el: '#app',
    data: {
        numberPanelOptions: {
            extraInputs: {
                '-': 'Dash',
                '*': 'Asterisk'
            },
            clear: true // Clear when focus
        }
    }
});

License

This package is licensed under the MIT License.

Copyright 2018 Sukohi Kuhoh

You can’t perform that action at this time.