Javascript 清除vuetifiy的自动完成建议

我正在使用显示城市列表。当用户选择城市时，该值将显示在“自动完成”框中。当我再次关注autocomplete元素时，仍然会显示带有建议的下拉列表。从下拉列表中选择项目后，如何清除下拉列表建议。我试图清除包含城市字符串列表的cityResults数组。这导致所选值也从自动完成元素中清除。如何清除下拉列表

 <v-autocomplete
 v-model="cityValues"
  :items="cityResults"
  outlined

  label="City"
  append-icon

  item-text="name"
  dense

 hide-no-data
  item-value="id"
   chips
   deletable-chips=""
  @change="updateCityValues($event)"
  return-object
>

</v-autocomplete>

老实说，这是一个令人困惑的问题。因此，您想删除除您在下拉列表中选择的项目之外的所有项目？@Rie-我基本上希望清除cityResults数组，这样我就不会在下拉列表中看到任何其他建议，但您想让下拉列表显示您选择的最后一个项目还是完全清除它？因为如果你完全清除了它，再也没有项目可供选择了，那么首先显示下拉列表有什么意义呢？在这一点上，它几乎是非交互式的。如果您真的想实现这一点，只需在

updateCityValues

handler@Rie-我试图做一些非常类似的标签自动完成堆栈溢出时，问一个问题。当我键入java时，它会显示建议，当我单击一个建议值并再次键入下一个标记时，它不会显示与java相同的建议。我想建立这样的东西，我现在明白了，哈哈。你有没有尝试过v-autocomplete的

hide selected

属性？该属性会自动从列表中隐藏当前选择的所有标记。老实说，这是一个令人困惑的问题。因此，您想删除除您在下拉列表中选择的项目之外的所有项目？@Rie-我基本上希望清除cityResults数组，这样我就不会在下拉列表中看到任何其他建议，但您想让下拉列表显示您选择的最后一个项目还是完全清除它？因为如果你完全清除了它，再也没有项目可供选择了，那么首先显示下拉列表有什么意义呢？在这一点上，它几乎是非交互式的。如果您真的想实现这一点，只需在

updateCityValues

handler@Rie-我试图做一些非常类似的标签自动完成堆栈溢出时，问一个问题。当我键入java时，它会显示建议，当我单击一个建议值并再次键入下一个标记时，它不会显示与java相同的建议。我想建立这样的东西，我现在明白了，哈哈。你有没有尝试过v-autocomplete的

hide selected

属性？此属性将自动从列表中隐藏当前选定的所有标记