[Vuejs]-How to disable or hide Tags using Vueform/multiselect librabry?

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" />

screenshot 1

demo 1

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>

screenshot 2

demo 2

Leave a comment