Vue: Attribut entfernen, wenn v-model.number leer ist

Welches Problem löst diese Funktion?

Löst ein Design-Pattern-Problem, das natürlich von einem MVM-Flow erwartet wird, der v-model.number einen String erzeugt, wenn er leer ist.

Wenn ich eine Zahl eingebe und dann den Text aus der Eingabe lösche, wird er im reaktiven Datenobjekt zu einer Zeichenfolge.

Dies ist sicherlich ein großes Usability- und Casting-Problem, und ich sehe nicht den Zweck, ein leeres String-Attribut im Modell beizubehalten. Es sollte aus dem Modell herausgespleißt werden, wenn es leer ist - genauso wie Sie neue Attribute für den Texteintrag erstellen, sollte es umgekehrt sein.

Dies ist sicherlich ein Designmusterproblem, das gelöst werden sollte und nicht jedes Mal auf Anwendungsebene implementiert werden muss. Es ist eine kleine Korrektur, die VueJS2 viel hinzufügen wird, und ich bin sicher, viele andere werden mir darin zustimmen!

Wie sieht die vorgeschlagene API aus?

Derzeit wenn die Eingabe leer ist

v-model.number="model.number"
Modell = {
Nummer: ""
}

Was es tun soll, wenn die Eingabe leer ist

v-model.number="model.number"
Modell = {
}