首页 > 解决方案 > Vuetify 组合框 - 如何禁用在 Vuetify 的组合框中输入

问题描述

vuetify 组合框允许用户在组合框内输入。有关如何禁用此功能的任何线索。

这就是我实现组合框的方式。

<v-combobox
:loading="isSurveyBeingPopulated"
class="static--inputs"
color="red"
box
:items="folders"
:rules="[rules.required]"
item-text="value"
dense
placeholder="Select Survey Folder"
item-value="key"
slot="input"
v-model="selectedSurveyFolder">
</v-combobox>

标签: vue.jscomboboxvuetify.js

解决方案


组合框:

v-combobox 组件是一个 v-autocomplete,它允许用户输入提供的项目中不存在的值。创建的项目将作为字符串返回。

因此,如果您想禁用输入,您应该使用选择: https ://vuetifyjs.com/en/components/selects

选择字段组件用于从选项列表中收集用户提供的信息。


推荐阅读