EnsureIT

Diese Aufgabe kombiniert dein Wissen über Formulare, computed-Properties und Direktiven.

Aufgabenstellung

Erstelle für eine Versicherung ein Formular um eine neue Versicherungspolice zu erarbeiten. Die Versicherung braucht neben der Adresse das Einkommen der Person sowie, falls verheiratet, das Einkommen der Ehepartner:in.

Vue SFC Playgroundplay.vuejs.org

Verwende dieses Snippet als Startpunkt

Lösungsschritte

Beginne zuerst mit den Grunddaten wie der Adresse und dem Einkommen. Verknüpfe die Formularfelder mit Variablen die du im unteren Bereich ausgibst.

Überlege dir danach wie du mit der Checkbox "Ich bin verheiratet" umgehen willst. Ergänze zuletzt die Ausgabe des Totalvermögens.

Zusatzaufgaben

Validierung

Gib Meldungen aus wenn Daten ungültig sind, z.B. ein negatives Einkommen oder kein Einkommen der Ehepartner:in.

Formattierung

Überlege dir, wie du die Einkommenswerte einheitlich formattiert (XXX.YY CHF, bzw. XXX.- CHF) ausgeben kannst.

Du kannst im Template auch den Rückgabewert von Funktionen ausgeben:

<div>{{ doSomething(value) }}</div>