Доброе утро! Почему компонент для даты работает - в компьютеде пересчитывается

Question

Доброе утро! Почему компонент для даты работает - в компьютеде пересчитывается

дата и возвращается в родителя новая, а в текстовом инпуте нет?

Они одинаковые, но текстовый не меняет v-model и возвращает всегда значение, которое было передано пропсом, т.е. если передать 34, то, введя в инпут 12, он всё равно выводит в консоль 34.

#programming #russian #vue.js

0

06.08.2021

15 ответов

17 просмотров

Aleksey German Автор вопроса

в сеттере получает значение введенное, по дебагеру тоже показывает, что везде передается новое значение, а в консоль в методе выводит старое, но при этом в дате выводит корректно новое значение (так же в методе). Вот и интересно - почему?

0

06.08.2021

Sheldon Cooper

Писать значения в input value очень непросто. Чтобы запрещать или изменять пользовательский ввод - нужна маска. Попробуйте v-maska. Все маски действуют однотипно. Они первый раз пропускают несоответствующий ввод и тут же его исправляют. Поэтому желательно еще допрлнительно валидировать дату.

0

06.08.2021

Кирюха

Обсуждали недавно <input v-model="phone_number"> data () { phone_number : null } watch () { phone_number (v) { if (v) { //маска номера, которую мы заслужили // так же желательно перед перезаписью проверить регуляркой, нужно перезаписывать или нет this.phone_number = v.replace(/[^0-9+]/, ''); } } }

0

06.08.2021

Aleksey German Автор вопроса

Дело не в маске. У меня стоит маска своя, но даже, если убрать и оставить просто текстовый инрут, то ситуация, как описал. И от того не ясно почему же так

0

06.08.2021

Кирюха

А где сама передача пропсом? Не вижу

0

06.08.2021

Aleksey German Автор вопроса

Сам пропс из родителя идет. Там пока, для проверки, хардкодом число вбито и оно в инпут этот попадает и отображается, но не меняется из компонента инпута🤷‍♂

0

06.08.2021

Anton Permyakov

можешь на кодсендбоксе воспроизвести?

0

06.08.2021

Aleksey German Автор вопроса

Чуть позже

0

06.08.2021

Кирюха

У тебя модель привязана к this.newTime, а this.newTime возвращает твой пропс, который прописан хардкодом. Почему ты ожидаешь его изменения?