vue-mixins-mask

1.0.1 • Public • Published

Instalacion

npm install vue-mixins-masK

Implementacion

importa el plugin y agregalo en seccion de 'mixins' del componente.

    import maskMix from 'vue-mixins-masK'
    export default {
        ...

        mixins: [maskMix],

        ...

Luego en el template del componente agrega la directiva v-ichi-mask; en esta directiva agrega el patron que quieres que tenga tu input ejemplo: '##-##-##', donde el simbolo '#' corresponde a cualquier caracter alfanumerico. Y añade ell v-model haciendo binding al modelo maskValue.

<template>
    ...
    <input 
        v-ichi-mask="'##-##-###'"
        v-model="maskValue" 
        class="form-control" 
        placeholder="rut"
    >
    ...

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i vue-mixins-mask

      Weekly Downloads

      0

      Version

      1.0.1

      License

      ISC

      Unpacked Size

      2.51 kB

      Total Files

      3

      Last publish

      Collaborators

      • ajichiban