Nitroglycerin Pickle Machine

    vue-restricted-input

    1.0.2 • Public • Published

    vue-restricted-input

    Input mask for vue.js based on credit-card-input-mask

    vue.jsnodenpm versionXO code styleCoveralls status

    npm downloadsnpm

    Why ?

    credit-card-input-mask perfect work with carriage position, fast.

    Install

    $ npm install vue-restricted-input 

    Note: This project is compatible with node v12+

    Usage

    main.ts

    import { createApp } from 'vue';
    import {VueRestrictedInputDirective} from 'vue-restricted-input';
    
    import App from './App.vue';
    
    const app = createApp(App);
    
    app.directive('mask', VueRestrictedInputDirective);

    App.vue

    <template>
      <input type="text" v-mask="mask" :value="value">
    </template>
    
    <script setup>
      import {ref} from 'vue';
    
      const value = ref('11111111');
      const mask = ref('{{9999}} {{9999}}');
    </script>

    Related

    Install

    npm i vue-restricted-input

    DownloadsWeekly Downloads

    92

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    8.45 kB

    Total Files

    6

    Last publish

    Collaborators

    • scrum