Задать вопрос
@Kripto77

Как в динамической таблице по Enter передавать фокус следующему Input?

Доброго времени.
Динамически создаваемые строки в таблице с Input. Пользователь вводит какое-то значение в Input и по @keyup.enter необходимо передавать фокус следующему Input.

Пример таблицы

Подскажите как найти следующий Input по css классу (например .find-me-vue) и передать ему фокус?

Как вариант через $refs последовательно указывая ref следующего input, но это жесткая привязка и в случае удаления одной строчки цепочка нарушится.

Заранее спасибо
  • Вопрос задан
  • 258 просмотров
Подписаться 1 Простой Комментировать
Решение пользователя Alex К ответам на вопрос (3)
Kozack
@Kozack Куратор тега Vue.js
Thinking about a11y
Я бы сделал как-то так
this // текущий input
  .closest('tr')
  .nextElementSibling
  .querySelector('input.find-me-vue')
  .focus()

Но, нужно ещё предусмотреть ряд исключений
Ответ написан