Vue Delayed mask input

Vue.js component for delayed masked input. Currently used for password fields.

Installation

$ npm i vue-delayed-input-mask

External libs used

• vue
• lodash
• webpack

Configuration

import VueDelayedInputMask from "vue-delayed-input-mask";
Vue.use(VueDelayedInputMask);

Properties

• id
• value
• name (required)
• placeholder
• wrapperClassName
• classNames
• debounceTime (default: 1000ms)
• fillChar (default: "")*
• needClearOnFocus (default: false)
• needFillOnBlur (default: true)
• disabled (default: false)
• keyEnter
• hideFieldType

How it work

Example

<vue-delayed-input-mask
    name="password"
    v-model="password"
    placeholder="Password"
    :classNames="['input']"
    @keyup.enter="action">
</vue-delayed-input-mask>

Known bugs

• Fast input broken clear value

Todos

• Add default slot for mouseenter event for show hidden input value

License

MIT