Как в vue следить за элементом объекта и менять другие поля при изменение?

Question

[Александр Фадеев]

Доброго дня, у меня есть таблица данных. (данные находятся в инпутах) Мне нужно чтобы при изменение одного инпута в строке менялись данные в других инпутах этой строки.

Фактически будет так:
Пользователь вводит артикул а в соседние поля подставляются данные о название продукта, цена.

Подскажите, как такое реализовать в Vue?
вот ссылка на примерный прототип:
https://codepen.io/An_Tux/pen/OOewWz

Answer 1

[0xD34F]

Я так понял, данные о продукте должны откуда-то из БД подтягиваться.

Вешаете обработчик события input на поле артикула, передаёте ему объект item текущей строки. Внутри обработчика - запрос данных по артикулу, обновление переданного объекта. Чтобы запросы не отсылались при каждом изменении инпута, можно применить debounce. Типа так (шаг с запросом разумеется пропущен, подставляются случайные данные).

Comments

[Александр Фадеев]

Спасибо большое!

Answer 2

[Moe Green]

Имхо, у Вас какая-то путаница - данные выводятся в <input>. Но там же можно искать и уже существующие items?