The Mask
A lightweight (2KB gzipped) and dependency free mask input created specific for Vue.js
Install
yarn add vue-the-mask
or
npm i -S vue-the-mask
Usage (two flavors)
Global
Local (inside the component)
Local (as directive)
Tokens
Properties
Property | Required | Type | Default | Description |
---|---|---|---|---|
value | false | String | Input value or v-model | |
mask | true | String, Array | Mask pattern | |
masked | false | Boolean | false | emit value with mask chars, default is raw |
placeholder | false | String | Same as html input | |
type | false | String | 'text' | Input type (email, tel, number, ...) |
tokens | false | Object | tokens | Custom tokens for mask |