ns-Eingabe

Überblick

Die Komponente ns-input rendert textähnliche Felder wie Text-, Passwort-, E-Mail-, Nummern- und Telefon-Eingaben. Sie bindet direkt an field.value mit v-model.

Die meisten Formulareingabe-Komponenten erwarten ein Feldobjekt. Häufige Schlüssel sind unter anderem name, label, value, type, placeholder, description, errors, disabled, options, prefix, suffix, data und component – je nachdem, welche Komponente gerendert wird.

Requisiten

• field: erforderliche Felddefinition.
• type: überschreibt field.type; standardmäßig „text“.
• leading: zeigt eine führende Beschriftung innerhalb des Eingabefelds an.
• placeholder: Legacy-Prop; die Komponente liest hauptsächlich field.placeholder.

Feldschlüssel

• field.name steuert die Eingabe-ID.
• field.label steuert die Beschriftung, wenn sie über den Standardslot bereitgestellt wird.
• field.value speichert den Eingabewert.
• field.placeholder legt den Platzhaltertext fest.
• field.disabled deaktiviert die Steuerung.
• field.prefix und field.suffix rendern festen Text innerhalb des Eingabefelds.
• field.errors markiert die Komponente als ungültig und wird von ns-field-description angezeigt.

const field = {
    name: 'email',
    label: 'Email',
    type: 'email',
    value: '',
    placeholder: '[email protected]',
    errors: []
};

<ns-input :field="field">Email</ns-input>