0👍
✅
One solution is to set the mode
to multiple
instead of tags
.
When options are selected in multiple
mode, the search bar indicates the number of options selected instead of their values:
<Multiselect mode="multiple" />
If you prefer that label be the placeholder, a workaround is to specify multipleLabel
as a function that returns the placeholder string:
<template>
<Multiselect mode="multiple"
placeholder="Characters"
:multipleLabel="() => 'Characters'"
/>
</template>
<style scoped>
/* keep the multiple-label text light */
:deep(.multiselect-multiple-label) {
color: #ababab;
}
</style>
Source:stackexchange.com