c-select-many-to-many

A multi-select dropdown component that allows for selecting values fetched from the generated /list API endpoints for collection navigation properties that were annotated with [ManyToMany].

TIP

It is uncommon that you'll need to use this component directly - for most use cases, you can use c-input instead and let it delegate to c-select-many-to-many for you.

Examples

<c-select-many-to-many :model="case" for="caseProducts" />

<c-select-many-to-many
    :model="case"
    for="caseProducts"
    variant="outlined"
    density="compact"
/>

Props

See c-select / Props.

Since c-select-many-to-many internally uses c-select as its implementation, all props of c-select are also supported by c-select-many-to-many.

Events

The following events and automatic API calls are only used when bound to a model that has auto-saves enabled.

• adding - Fired when a new item has been selected, but before the call to /save has completed.
• added - Fired when the call to /save has completed after adding a new item.
• deleting - Fired when an item has been removed, but before the call to /delete has completed.
• deleted - Fired when the call to /delete has completed after removing an item.