Как в vue.js перед изменением data проверять данные?

Question

[Илья Кочкин]

Добрый день, есть поле для ввода, как мне проверить вводимые данные, если они не прошли валидацию то не менять переменную?

let app = new Vue({
        el: '#productsCart',
        data: {
            quantity: 5
        },
//вочер срабатывает после того как пользователь 
        watch: {
            quantity: function (newData, oldData) {
                console.log(oldData)
            }
        },
    })

Answer 1

[WapSter]

Ну создай метод в нем пропиши валидацию, если проходит валидацию меняй переменную.

Comments

[Илья Кочкин]

а на уровне wath не реализовать?

[WapSter]

Илья Кочкин, и как ты себе это представляешь? И зачем вообще watch по этому поводу дергать.

Answer 2

[Александр Маджугин]

Сделай два объекта с данными - один связанный с полями через модель, который будет отражать их состояние, а другой валидированные данные для отправки.
Вотчем следи за изменением данных в объекте связанном с полями и перекладывай в объект для отправки, когда они валидные.