mask for text-field

[TolibovMuxammadamin]

I like vuetify and I make application with vuetify, butI want to make a mask for the phone but I can’t, please can turn on the mask for text-field component

[voltyp]

Hi, I developed a simple component to use the wonderful imask library with vuetify. The component is based on imask-vue source code. It might be useful to someone. example on codesandbox

[timothyjohnwilson]

Another simple option is to create a wrapper component for v-text-field
e.g.

<template>
  <v-text-field ref="input" />
</template>

<script>
import IMask from "imask";
export default {
  mounted() {
    IMask(this.$refs.input.$refs.input, {
      mask: Number, // enable number mask
      lazy: false,
      // other options are optional with defaults below
      scale: 2, // digits after point, 0 for integers
      signed: false, // disallow negative
      thousandsSeparator: ",", // any single char
      padFractionalZeros: false, // if true, then pads zeros at end to the length of scale
      normalizeZeros: true, // appends or removes zeros at ends
      radix: ".", // fractional delimiter
      mapToRadix: ["."] // symbols to process as radix

      // additional number interval options (e.g.)
      min: -10000,
      max: 10000
    });
  }
};
</script>