1.1.1 • Published 8 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
8 years ago
1.0.10
8 years ago
1.0.9
8 years ago
1.0.8
8 years ago
1.0.7
8 years ago
1.0.6
8 years ago
1.0.5
8 years ago
0.5.4
8 years ago
0.5.3
8 years ago
0.5.2
8 years ago
0.5.1
8 years ago
0.5.0
8 years ago
0.4.2
8 years ago
0.4.1
8 years ago
0.3.9
8 years ago
0.3.8
8 years ago
0.3.7
8 years ago
0.3.6
8 years ago
0.3.5
8 years ago
0.3.3
8 years ago
0.3.1
8 years ago
0.3.0
8 years ago
0.2.9
8 years ago
0.2.8
8 years ago
0.2.7
8 years ago
0.2.6
8 years ago
0.2.5
8 years ago
0.2.4
8 years ago
0.2.3
8 years ago
0.2.2
8 years ago
0.2.1
8 years ago
0.2.0
8 years ago
1.0.4
8 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago