Vuetify v-select 在选择项目后在选择下方显示数字 1

Question

在 Vuetify 网站的示例中不会发生这种情况，但在我的代码中却会发生。选择一个项目后，无论选择哪个项目，选择下方都会显示数字 1。如果是对象列表，也会发生同样的情况。

<template>
  <v-select label="Select" :items="['One', 'Two', 'Three', 'Four', 'Five']"></v-select>
</template>

我在这里缺少什么？

Answer 1

正如 @yoduh 的评论中提到的，这是 v3.3.19 中的一个错误。 VSelect 将所选项目的长度传递给底层 VTextField (code)，但当值不为 false 或 null 时，VTextField 将始终显示计数器 (code)。

使用

:hide-details="true"

提出的解决方法是有效的，但它也会隐藏提示和验证错误，并使输入比没有 prop 的输入更短。如果这是一个问题，您还可以将空的

counter

槽传递给 VSelect：

<v-select ...>
  <template v-slot:counter></template>
</v-select>

TS 会抱怨 VSelect 没有计数器槽，但 VSelect 实际上将其传递到 VTextField 上。