web-dev-qa-db-fra.com

Comment utiliser le masque dans le champ de texte vuetify?

J'essaie d'utiliser la propriété mask du composant champ de texte, comme l'exemple ci-dessous. Dans la vue, cela fonctionne comme un charme, mais, lorsque le formulaire est publié, le format de masque ne conserve pas la valeur.

Par exemple, lorsque je tape "000.000.000-00", la valeur que le formulaire a affichée était "00000000000". Comment puis-je conserver la valeur du format?

<v-text-field
  :value="currentValue" 
  @input="handleInput"
  :mask="###.###.###-##"></v-text-field>
11
Marcelo Júnior

Vous pouvez utiliser return-masked-value prop

<v-text-field
    :value="currentValue" 
    return-masked-value
    mask="###.###.###-##"
    @input="handleInput"
></v-text-field>

Notez que actuellement dans v0.17il y a un bug avec retour de la valeur initiale non masquée.

21
Traxo