Watch: { departmentId: {

Question

Watch: { departmentId: {

handler: function () {
this.getSchedule(this.year, this.month, this.departmentId);
}
}

У меня правильный синтаксис watch?

#frontend #javascript #programming #russian #vue.js

0

26.04.2022

10 ответов

15 просмотров

a a Автор вопроса

Дело в том, что этот вотч запускает функцию this.getSchedule. И внутри него я обращаюсь к props-ам. А эти пропсы почему то не обрабатываются. Хотя они не пустые.

0

26.04.2022

Const 🇷🇺🇺🇲🇺🇦🇮🇱🇯🇴🇿 ҈҈҈҉҉҉҉҈҈҈҈҈҉҉҉҉҈҈҈҉҉҉҈҈҈҉҉҉҈҈҈҈҉҉҉ 🇮🇱🇯🇴🇹🇷🇶🇦🇦🇪🇬🇪🇪🇬ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ◡̈⃝ㅤ

имя функции надо задать , анонимные функции сложней отлаживать

0

26.04.2022

Vyacheslav

если не прокидываешь параметры deep, immediate и тд, то в такой конструкции нет смысла, легче просто watch: { departmentId(){ this.getSchedule(); } если прокидываешь watch: { departmentId: { handler() { this.getSchedule(); }, deep: true, immediate: true }, а вообще доку лучше почитать

0

26.04.2022

a a Автор вопроса

Aleksandr Opekunov
Watch может сработать раньше чем пропсы определили...

А как добавить проверку. В самой функции? В вотче?

0

26.04.2022

Aleksandr Opekunov

a a
А как добавить проверку. В самой функции? В вотче?

Вот выше важное написали. А проверку добавить - где удобнее.

0

26.04.2022

a a Автор вопроса

Проверку надо бы добавить как if oldValue<>newValue? Вотч же может один раз прогнатся и условие могут тогда быть false. А следующий раз не вызватся, т.к. интерпретатор может подумать что уже вызвал. Может быть такое?

0

26.04.2022

Aleksandr Opekunov

a a
Проверку надо бы добавить как if oldValue<>newValu...

У меня были частные случаи, когда при отрисовке компонента вотч выполнялся раньше, чем получал доп аттрибуты из data или props. Я просто проверял их на undefined (ну или как они записаны в default)

0

26.04.2022

a a Автор вопроса

Aleksandr Opekunov
У меня были частные случаи, когда при отрисовке ко...

Ну он один раз проверить и пропустить вызов функции. Дальше же вотч дергатся не будет. Смысл тогда проверки?

0

26.04.2022

Aleksandr Opekunov

a a
Ну он один раз проверить и пропустить вызов функци...

Попробуйте сначала переопределять watch в более простой конструкции, как писали выше. Если это не поможет, надо смотреть логику всего компонента.

0

26.04.2022