Alpine.js · самостоятельный пример · данные обрабатываются в этом браузере

Заявка с несколькими позициями

Добавьте работы и посчитайте сумму

Каждая строка хранит собственный идентификатор. Добавление и удаление не переносят введённые значения между соседними строками.

Попробуйте: измените количество первой работы с 2 на 3 — итог станет 8 500 ₽. Затем удалите эту строку: интеграция останется за 4 000 ₽.

В заявке пока нет позиций

Добавьте первую работу. Начальные строки можно вернуть кнопкой сброса.

Итого по заявке

x-for создаёт строки; :key="row.id" сохраняет их идентичность. Ошибочная строка блокирует общий итог, вместо незаметного исключения из суммы.