ns-multiselect

Panoramica

Il componente ns-multiselect consente agli utenti di selezionare più opzioni da un menu a discesa ricercabile. Le opzioni selezionate vengono visualizzate come pillole rimovibili.

Proprietà ed eventi

• field: definizione di campo obbligatoria con options e un value di tipo array-like.
• Emette addOption quando viene selezionata un’opzione.
• Emette removeOption quando un’opzione selezionata viene rimossa.
• Dichiara gli eventi change e blur per le integrazioni dei genitori.

Quando utilizzato tramite ns-field, il componente padre ns-field gestisce addOption e removeOption aggiornando field.value in base alle opzioni selezionate.

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

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