Vuetify-多点选择,但不显示芯片,而是显示所选值



我正试图在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>

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

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

演示

最新更新