NS-Mehrfachauswahl

Überblick

Die Komponente ns-multiselect ermöglicht es Benutzern, mehrere Optionen aus einer durchsuchbaren Dropdown-Liste auszuwählen. Ausgewählte Optionen werden als entfernbare Pillen angezeigt.

Requisiten und Ereignisse

• field: erforderliche Felddefinition mit options und einem array-ähnlichen value.
• Gibt addOption aus, wenn eine Option ausgewählt wird.
• Gibt removeOption aus, wenn eine ausgewählte Option entfernt wird.
• Deklariert die change- und blur-Ereignisse für übergeordnete Integrationen.

Wenn es über ns-field verwendet wird, verarbeitet die übergeordnete ns-field-Komponente addOption und removeOption, indem sie field.value anhand der ausgewählten Optionen aktualisiert.

const field = {
    name: 'roles',
    label: 'Roles',
    type: 'multiselect',
    value: ['cashier'],
    options: [
        { label: 'Cashier', value: 'cashier' },
        { label: 'Manager', value: 'manager' }
    ],
    errors: []
};

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