Wie man Maske in vuetify Text-Feld verwendet?

Question

Ich versuche, die mask -Eigenschaft der Text-Feld-Komponente, wie im folgenden Beispiel zu verwenden. In der Ansicht funktioniert das wie ein Zauber, aber wenn das Formular veröffentlicht wird, behält das Maskenformat den Wert nicht bei.

Zum Beispiel, wenn ich "000.000.000-00", der Wert, den das Formular gebucht wurde "00000000000". Wie kann ich den Formatwert beibehalten?

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

Answer 1

können Sie return-masked-value prop verwenden

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

---

Hinweis, die derzeit in v0.17there is a bug mit Anfangswert demaskiert zurück.