ns-seleziona

Panoramica

Il componente ns-select esegue il rendering di un input di tipo select nativo a partire da field.options. Il valore selezionato viene scritto in field.value.

Il componente può appiattire i gruppi di opzioni annidati. Le opzioni padre che contengono opzioni figlie sono disabilitate per impostazione predefinita, a meno che non venga fornito in modo esplicito un valore disabled.

Supporti

• field: definizione di campo obbligatorio.
• name, placeholder e leading: proprietà di compatibilità opzionali.

Opzioni

• Ogni opzione deve fornire label e value.
• Imposta disabled per impedire la selezione di un’opzione.
• Le opzioni nidificate utilizzano un array come value; il componente esegue il rendering dei figli con una gerarchia visiva.

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>