Accueil
NexoPOS

ns-select

Aperçu

Le composant ns-select rend une entrée de sélection native à partir de field.options. La valeur sélectionnée est écrite dans field.value.

Le composant peut aplatir des groupes d’options imbriqués. Les options parentes qui contiennent des options enfants sont désactivées par défaut, sauf si une valeur disabled explicite est fournie.

Accessoires

  • field : définition de champ obligatoire.
  • name, placeholder et leading : propriétés de compatibilité optionnelles.

Options

  • Chaque option doit fournir label et value.
  • Définissez disabled pour empêcher la sélection d’une option.
  • Les options imbriquées utilisent un tableau comme value ; le composant rend les enfants avec une hiérarchie visuelle.
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>