ns-select

Überblick

Die Komponente ns-select rendert eine native Select-Eingabe aus field.options. Der ausgewählte Wert wird in field.value geschrieben.

Die Komponente kann verschachtelte Optionsgruppen abflachen. Übergeordnete Optionen, die untergeordnete Optionen enthalten, sind standardmäßig deaktiviert, sofern kein expliziter Wert für disabled angegeben wird.

Requisiten

• field: erforderliche Felddefinition.
• name, placeholder und leading: optionale Kompatibilitäts-Props.

Optionen

• Jede Option sollte label und value bereitstellen.
• Setze disabled, um das Auswählen einer Option zu verhindern.
• Verschachtelte Optionen verwenden ein Array als value; die Komponente rendert die untergeordneten Elemente mit einer visuellen Hierarchie.

const field = {
    name: 'category_id',
    label: 'Category',
    type: 'select',
    value: null,
    options: [
        { label: 'Food', value: 1 },
        { label: 'Services', value: 2, disabled: true }
    ],
    errors: []
};

<ns-select :field="field">Category</ns-select>