Question

Code is on codepen:

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

您会看到它不允许您编辑文本输入，它只能在按两次退格键后删除文本输入中的整个文本。

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

Answer 1

我认为原因是使用slot="selection"

要使其正常运行，您可以改用item-text

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

并定义了displayText方法：

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