Javascript vuetify'；s v-autocomplete can'；t选择选项后编辑文本输入

如果您转到此页面并在搜索框中键入“joe”，请从出现的两个joe中选择一个，然后尝试在搜索框中选择文本，或者尝试使用退格仅删除最后一个字符

您将看到它不允许您编辑文本输入，它只能在按backspace两次后删除文本输入中的全部文本

---

它应该允许我在选择一个选项后选择/编辑文本输入，就像选择它之前一样。

我认为原因是使用了

slot=“selection”

要使其正常工作，您可以使用

项目文本

Code is on codepen:

---

请检查

此方法有一个问题-如果有两个项目具有相同的

项目文本

，则列表中不会显示多个项目。检查此代码笔，我刚刚将其更改为有两名John Smith（但请注意，他们是不同的人，为不同的雇主工作等），并将vuetify版本更改为1.2.9，因为这就是我在项目中使用的内容：我也在vuetify github上创建了问题：

item value=“id”

需要添加以修复此行为。请用它更新你的答案，我会再次接受。

   <v-autocomplete 
      ...
      text="displayText">
   </v-autocomplete>

methods: {
  ...
  displayText (item) {
     return item.firstName + " " + item.lastName
  }
}