Inicio
NexoPOS

ns-multiselect

Descripción general

El componente ns-multiselect permite a los usuarios seleccionar varias opciones desde un menú desplegable con búsqueda. Las opciones seleccionadas se muestran como píldoras eliminables.

Accesorios y eventos

  • field: definición de campo obligatorio con options y un value con aspecto de matriz.
  • Emite addOption cuando se selecciona una opción.
  • Emite removeOption cuando se elimina una opción seleccionada.
  • Declara los eventos change y blur para integraciones de los padres.

Cuando se usa a través de ns-field, el componente padre ns-field gestiona addOption y removeOption actualizando field.value a partir de las opciones seleccionadas.

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