ns-select

Descripción general

El componente ns-select renderiza un input de selección nativo a partir de field.options. El valor seleccionado se escribe en field.value.

El componente puede aplanar grupos de opciones anidados. Las opciones principales que contienen opciones secundarias están deshabilitadas de forma predeterminada, a menos que se proporcione explícitamente un valor de disabled.

Accesorios

• field: definición de campo obligatoria.
• name, placeholder y leading: props opcionales de compatibilidad.

Opciones

• Cada opción debe proporcionar label y value.
• Establece disabled para evitar seleccionar una opción.
• Las opciones anidadas usan un array como value; el componente renderiza los elementos hijos con una jerarquía visual.

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>