Как следить за двумя полями во Vue.js чтобы они не запускались по очереди?

Question

[SevSergei]

Пишу калькулятор
Есть 2 поля c v-model за которыми слежу через watch.

У каждого watch есть своя функция которая отрабатывается при изменении одного поля и записывается в другое.

Проблема в том, что запускается сразу функция из watch (поле А изменяет Б, Б изменяет А), эдакая мини рекурсия.

Как сделать так, чтобы при изменении данных пользователем watch срабатывал, а когда я записываю данные - нет?

Answer 1

[SevSergei]

если кому поможет:
watch - использовать когда есть только 1 v-model параметр и от него не зависят другие input
computed (get,set) + переменная для хранения - когда данные зависят друг от друга

объясню поподробней:
у меня было 2 инпута, нужно чтобы при изменении данных поля (любого) пересчитывались
курс USD, курс RUB

использовал watch и получалось что из-за погрешности скрипт впадал в цикл, т.к. следил за двумя полями
если использовать computed - то все ок.
всем спасибо

Answer 2

[Dima Polos]

Тоже не очень понял проблему, но, если правильно понял, то добавьте к директиве модификатор: v-model.lazy="..." Этот модификатор подписывается на событие change, а не на событие input, а событие change наступает после того, как value изменилось и ввод прекращен, например, ввод прошел и потерян фокус. Подробнее тут.

Answer 3

[0xD34F]

Как сделать так, чтобы при изменении данных пользователем watch срабатывал, а когда я записываю данные - нет?

Что-то не понял, а зачем watch? Хотите реагировать только на действия пользователя - ну так и делайте именно это, watch долой, слушайте событие input.