Overview
Vue Masked Input is a simple masked input component for Vue.js 2.X. It is based on inputmask-core and provides a straightforward way to handle masked input in a Vue.js application.
Features
- Easy to use: Vue Masked Input can be used with the v-model directive, making it similar to a native HTML input with the mask attribute.
- Editable mask parts: The mask format includes various characters like numbers, letters, alphanumeric characters, and special characters. Each character defines an editable part of the mask.
- Static characters: If you need to include certain characters as static parts of the mask, you can escape them with a backslash.
- Obtaining raw input: Instead of using v-model, you can use the input event to get the raw user input text.
- Customizable placeholder character: You can customize the placeholder character used in the input field.
- Custom mask options: It is possible to use a custom mask options object that will be passed to the inputmask-core constructor.
Installation
To install Vue Masked Input, you can use npm by running the following command:
npm install vue-masked-input
Summary
Vue Masked Input is a handy Vue.js component that simplifies handling masked input in web applications. It offers easy integration with the v-model directive, customizable mask options, and support for various mask characters. Although there are a few known issues, the project is open for feedback and contributions from users.
