在 Vuetify 网站的示例中不会发生这种情况,但在我的代码中却会发生。选择一个项目后,无论选择哪个项目,选择下方都会显示数字 1。如果 是对象列表,也会发生同样的情况。
<template>
<v-select label="Select" :items="['One', 'Two', 'Three', 'Four', 'Five']"></v-select>
</template>
我在这里缺少什么?
正如 @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 上。
这是在游乐场