1.1.1 • Published 6 years ago
awesome-mask v1.1.1
The awesome-mask runs with Vue.js
and uses the vanilla-masker
to make your form awesome with masks.
You can use patterns like:
<input type="text" v-mask="'99/99'" />
// Turns 1224 in 12/24
<input type="text" v-mask="'(99) 9999-9999'" />
// Turns 1149949944 in (11) 4994-9944
<input type="text" v-mask="'AAA-9999'" />
// Turns ABC1234 in ABC-1234
You can also format money:
<input type="text" v-mask="'money'" />
// Turns 123499 in 1.234,99
This directive can also receive a object from your data
like:
<template>
<p>
<input v-mask="mask" type="text">
</p>
</template>
<script>
export default {
data() {
return {
mask: '999.999.999-99'
}
}
}
</script>
Sample using import:
<script>
import Component from './components/Component'
import AwesomeMask from 'awesome-mask'
export default {
name: 'app',
components: {
Component
},
directives: {
'mask': AwesomeMask
}
}
</script>
1.1.1
6 years ago
1.0.10
6 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
0.5.4
7 years ago
0.5.3
7 years ago
0.5.2
7 years ago
0.5.1
7 years ago
0.5.0
7 years ago
0.4.2
7 years ago
0.4.1
7 years ago
0.3.9
7 years ago
0.3.8
7 years ago
0.3.7
7 years ago
0.3.6
7 years ago
0.3.5
7 years ago
0.3.3
7 years ago
0.3.1
7 years ago
0.3.0
7 years ago
0.2.9
7 years ago
0.2.8
7 years ago
0.2.7
7 years ago
0.2.6
7 years ago
0.2.5
7 years ago
0.2.4
7 years ago
0.2.3
7 years ago
0.2.2
7 years ago
0.2.1
7 years ago
0.2.0
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago