javascript - 选择选项后，vuetify 的 v-autocomplete 无法编辑文本输入

Code is on codepen:

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

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

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

最佳答案

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

要使其正常工作，您可以改用 item-text

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

并定义了displayText方法:

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

关于javascript - 选择选项后，vuetify 的 v-autocomplete 无法编辑文本输入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54321546/

相关文章：

javascript - 使用 Node 的加密库创建自签名证书？