yuu2lee4 / vue-input-limit

Vue limit input directive.

vue-input-limit

Vue input limit directive.

Installation

yarn | npm

yarn add vue3-input-limit
or
$ npm install vue3-input-limit -S

CDN

<script src="https://unpkg.com/vue3-input-limit"></script>  

Example

<template>
  <input type="text" v-model="value" v-input-limit="/[^\d.]/">
  
  <input type="text" v-model="carnum" v-input-limit="toUpperCase">
</template>

<script>
import inputLimit from 'vue3-input-limit';

export default {
    directives: {
        inputLimit,
    },
    data () {
        return {
            value: '',
            carnum: '',
        };
    },
    methods:{
        toUpperCase: v=> v.toUpperCase(),
    },
};
</script>

Support

• element-ui
• vue-beauty