Я пытаюсь выделить весь текст в компоненте vuetify 3, когда пользователь вводит вкладку или выбирает компонент, чтобы он мог немедленно начать редактировать значение, но у меня возникают проблемы с этим с кодом, подобным следующему:
<v-autocomplete
label = "Customer"
@focus = "OnCustomerFocus"
></v-autocomplete>
methods: {
OnCustomerFocus(event: any) {
console.info('customer focused');
console.info(event);
event.target.select();
},
}
Вот версия песочницы того, что я пытаюсь выполнить безуспешно:
Похоже, что когда-то это было поведением v-autocomplete по умолчанию, но в какой-то момент оно было удалено согласно этой статье на github:





Кажется, что Vuetify показывает базовый ввод только во время редактирования, а когда срабатывает событие focus, ввод по-прежнему скрыт, из-за чего .select() не работает. Вам нужно подождать, пока ввод не станет видимым с помощью nextTick():
async onCustomerFocus(event: any) {
await nextTick()
event.target.select();
}
Вот она на детской площадке