v-autocomplete vuetify не может редактировать ввод текста после выбора опции

Question

Code is on codepen:

https://codepen.io/anon/pen/exYjOZ

Если вы зайдете на эту страницу и введете «joe» в поле поиска, выберите одно из двух появившихся Joe, затем попробуйте выделить текст в поле поиска или попробуйте использовать клавишу Backspace, чтобы удалить только последний символ.

Вы увидите, что он не позволяет редактировать ввод текста, он может удалить весь текст из ввода только после двойного нажатия клавиши Backspace.

Это должно позволить мне выбирать / редактировать ввод текста после выбора параметра, как и перед его выбором.

Answer 1

Я думаю, что причина в использовании slot="selection"

Чтобы это работало, вы можете использовать item-text вместо

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

и определенный displayText метод:

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

Пожалуйста, проверьте демо на codepen