Vuetify - 多个 select，但不是筹码，而是显示 selected 值

Question

我正在尝试 select 我的 Vuetify v-select 组件中的多个项目，但不是显示它们（在一行中或使用芯片）我希望文本只是说 'selected'。 Vue 新手，所以不太确定从哪里开始，但这是我的 v-select 组件代码：

<v-select
    v-else-if="isMobile"
    class="customizable-dropdown"
    :items="getSortedItems"
    :label="$t('dropdown.label.all')"
    multiple
    rounded
    single-line
    @change="onChange"
>    
</v-select>

Answer 1

只需使用选择槽自定义所选项目的显示...

<template v-slot:selection="{ item, index }">
  <span class="pr-3">{{ item }}</span>
</template>

Demo