Vuetify - 多选，但不是筹码，而是显示选定的值答案

【问题标题】：Vuetify - mutliple select, but instead of chips, display selected valueVuetify - 多选，但不是筹码，而是显示选定的值
【发布时间】：2021-09-04 22:03:46
【问题描述】：

我试图在我的 Vuetify v-select 组件中选择多个项目，但我不想显示它们（在一行中或使用芯片），我希望文本只显示“已选择”。 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>

【问题讨论】：

标签： vue.js vuejs2 vue-component vuetify.js

【解决方案1】：

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

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

Demo

【讨论】：