ns-multiselect

Aperçu

Le composant ns-multiselect permet aux utilisateurs de sélectionner plusieurs options dans une liste déroulante avec recherche. Les options sélectionnées s’affichent sous forme de pastilles amovibles.

Propriétés et événements

• field : définition de champ obligatoire avec options et une value de type tableau.
• Émet addOption lorsqu’une option est sélectionnée.
• Émet l’événement removeOption lorsqu’une option sélectionnée est supprimée.
• Déclare les événements change et blur pour les intégrations parentes.

Lorsqu’il est utilisé via ns-field, le composant parent ns-field gère addOption et removeOption en mettant à jour field.value à partir des options sélectionnées.

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

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