vuetify的v-autocomplete在选择一个选项后不能编辑文本输入
v-autocomplete是Vuetify框架中的一个组件，用于实现自动完成的文本输入框。在选择一个选项后不能编辑文本输入的问题可能是由于组件的某些属性或配置导致的。
要解决这个问题，可以检查以下几个方面：
- 检查v-autocomplete的readonly属性：确保该属性没有设置为true。如果设置为true，将导致文本输入框只读，无法编辑。
- 检查v-autocomplete的disabled属性：确保该属性没有设置为true。如果设置为true，将禁用文本输入框，无法编辑。
- 检查v-autocomplete的item-text属性：确保该属性设置为选项对象中用于显示文本的属性名。如果没有正确设置该属性，可能导致选择选项后无法正确显示文本。
- 检查v-autocomplete的item-value属性：确保该属性设置为选项对象中用于唯一标识选项的属性名。如果没有正确设置该属性，可能导致选择选项后无法正确获取选项的值。
- 检查v-autocomplete的filter属性：确保该属性设置为一个函数，用于自定义过滤选项的逻辑。如果没有正确设置该属性，可能导致选择选项后无法正确过滤选项。
如果以上检查都没有解决问题，可以尝试查看Vuetify的官方文档或社区论坛，寻找类似的问题和解决方案。另外，也可以考虑更新Vuetify版本或尝试其他类似的自动完成组件。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
1回答
如何为<input type="text">使用v-autocomplete
当用户单击建议的文本(在输入下)时，需要将其插入到输入文本中。
浏览 3提问于2022-06-21得票数 0
Code is on codepen: https://codepen.io/anon/pen/exYjOZ 如果您转到此页面并在搜索框中键入"joe“，请从出现的两个joe中选择一个，然后尝试选择搜索框中的文本，或尝试使用退格键仅删除最后一个字符。你会看到它不允许你编辑文本输入，它只能在按backspace两次后删除文本
浏览 47提问于2019-01-23得票数 1
1回答
)中的所有"address_line1“(item-text)值，默认选择的值是与区域数组中的address_id (v-address_id)匹配的值。数据来自两个对象数组，这两个数组是相关的，并且来自两个外部API。我想要一个具有相关值的文本字段，因为我希望用户能够自由地更新该字段。"latitude": "10.99710000",
"longitude
浏览 8提问于2020-09-03得票数 1
1回答
以下是我在Cypress中的测试场景： <v-autocomplete :items="items"
浏览 44提问于2018-12-04得票数 6
回答已采纳
1回答
在使用Cypress为Vuetify页面编写E2E测试时，我在从<v-select>或<v-autocomplete>中选择一个或多个元素时遇到了困难
只要选择只有几个选项，就能正常工作。问题是:如果您的组件选择了许多选项，Vuetify只会在其弹出窗口中呈现接近相应滚动条位置的选项，这意味着您需要选择的
浏览 5提问于2021-06-28得票数 6
="app"> <v-autocomplete label="Country" item-color="secondary" placeholder="Country" color="#B28C81" outlined dense></v-autocomplete>
<v-select item-color="secondary" label
浏览 61提问于2020-10-05得票数 1
回答已采纳
我在我的项目中使用了Vuetify v-autocomplete。我可以从Api搜索并带来必要的信息。如果我们有选择，我想删除选择后，用户输入一个字符到输入区域进行新的搜索。输入一个字符后，选择旧选择并将其删除。 ?
浏览 48提问于2021-02-23得票数 1
回答已采纳
我正在使用Vuetify的v-autocomplete (V1.5)创建一个下拉列表，如下所示： v-model="autoCompleteSelected":search-input.sync="autoCompleteInput" hide-selected/>在进行了选择之
浏览 5提问于2020-05-28得票数 1
在vuetify中，v自动完成中是否有任何选择的、在删除的属性？我想手动处理这些事件。我尝试了@change，但在这种情况下，我不知道添加/删除了哪一个。<v-autocomplete item-text="name" @change="pushOrRemoveStates()
浏览 1提问于2018-10-08得票数 4
我正在使用<v-autocomplete>，它似乎在自定义方面有点僵化。希望有人能对此有所了解。我的items[]数组中有一个值，或者任何其他data()值，当页面加载时，我希望缺省情况下显示其中一项(显示文本)。我可以让它显示在组件安装()上吗？我尝试将一个
浏览 35提问于2020-02-05得票数 0
回答已采纳
在上面的图片中，我有两个v-autocomplete框，一个用于名称，另一个用于电子邮件。有没有办法连接两个v-autocomplete框，当用户输入姓名或电子邮件信息时，它也会显示另一个框的选项。在图像中的示例中，用户输入了姓名并获得了相应的结果，我将如何显示该姓名对应的电子邮件？这是两个v-autocomplete框的代码
浏览 35提问于2021-02-06得票数 0
回答已采纳
创建了一个代码笔，当用户在第一个v-autocomplete中输入文本时，会出现第二个v-autocomplete的下拉菜单。我通过将isFocused更改为true来实现。问题是光标移动到下一个v-autocomplete。有没有办法停止这种情况，或者以另一种方式显示第二个v-autocomplete的下拉菜单？这是我的代码笔https://
浏览 23提问于2021-02-11得票数 0
我想知道是否有可能在输入v-text-field或v-textarea时实现一个显示建议词的特性。大多数文章解释如何使用来自v-autocomplete的组件<v-autocomplete :items="
浏览 0提问于2019-11-14得票数 3
回答已采纳
请看下面的屏幕截图，其中v-autocomplete最初显示标题部分，但当我开始搜索时，它隐藏了标题部分。因此，对于任何远程数据，它都不会显示标头。有没有办法让e保留标题并显示结果？谢谢。下面是它的代码笔示例 https://codepen.io/kiranvasi/pen/vYBbgEY?&editable=true&editors=101 ? ? <v-autocomplete
v-model="friends
浏览 46提问于2019-09-24得票数 2
回答已采纳
当用户开始在v-combobox组件中键入某些内容时，axios请求将发送到数据库中搜索用户。列表的内容正在动态更新。问题是，当组合框中的项被更新时，它会自动选择用户以前输入的单词并更新v-模型(在我的例子中，它会在前端创建一个芯片)。如何防止在更新项目时自动选择？
浏览 23提问于2021-12-16得票数 0
我试图在v-autocomplete的列表项之间添加一个分隔符。我使用item插槽覆盖默认组件，并将其替换为自己定义的v-list-item。当我向插槽中添加一个v-divider时，它不会出现。使用Vue Devtools进行检查还表明，Vuetify嵌套了v-list-item，当我将v-divider添加到列表项目本身时，它位于内容的旁边，而不是在项目之间。text: "Build something awesome&
浏览 1提问于2020-05-12得票数 2
回答已采纳
在网站上，我想显示一个下拉列表，但是对于每一个项目，我想有一个插槽来显示它旁边的东西，就像一个图标，但是在文本的右边。同时也要有多个选择。 <v-app id="inspire"> v-model="
浏览 5提问于2022-02-11得票数 0
回答已采纳
我在我的项目中使用，并且需要typeahead组件。不幸的是，v-autocomplete被实现为带有过滤器的combobox，所以它不允许将用户输入设置为v-model (或者至少我找不到方法)。谁能给我解释一下如何实现这样的功能(可能是通过另一个vuetify组件)？我从服务器加载项目，但它们只是作为建议。用户需要能够输入和设置他们想要的任何值。
这是一个基本的</em
浏览 3提问于2018-07-23得票数 18
回答已采纳
1回答
版本信息：Vuetify 2.6.3, Vue 2.6.14, Nuxt 2.15.8
我正在制作一个应该有点类似于v-autocomplete的自定义组件，只不过它是作为底部工作表呈现的。如果用户在v-text-field中输入显示筛选器，则选项列表(v-list)应该只显示与筛选器匹配的选项。然而，当用户进入b进入显示过滤器时，已经选择的项cc将自动从selectedItems
浏览 5提问于2022-08-20得票数 1
回答已采纳
我有一个实现v-autocomplete的组件，但它有一个带有插槽的template，而不是Vuetify生成的默认下拉菜单。<v-autocomplete :multiple="true"
:search-input.sync="search"我尝试这样设置自动完成的输入</em
浏览 24提问于2019-02-21得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
