Почему updated вызывает функцию очень много раз?

Question

nastya_zholudeva @nastya_zholudeva

Vue.js

Почему updated вызывает функцию очень много раз?

Есть функция firstLoad(), лежит в методах, в ней находятся 3 запроса к API. Вызываю в created, она работает нормально и вызывается 1 раз. Но если я ее вызываю в updated

updated() {
            this.$nextTick(function () {
                    $(document).on('city:beforeUpdate', function () {
                        this.firstLoad()
                    }.bind(this));
            })
        },

Она вызывается про нереальное количество раз.

Если вызываю без $(document).on('city:beforeUpdate', function () {, а просто в updated, происходит тоже самое

Вопрос задан более трёх лет назад
193 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

4 комментария

nastya_zholudeva @nastya_zholudeva Автор вопроса

Андрей Хохлов, поэтому я и вызываю updated, чтобы
DOM был обновлён из-за изменения данных
. Но мне до сих пор не понятно, почему одна и та же функция вызывается огромное количество раз

Написано более трёх лет назад
Андрей Хохлов @andrhohlov

nastya_zholudeva, updated() вызывается каждый раз, когда обновляется виртуальный DOM. Не вы его вызываете, он сам вызывается. И если this.firstLoad() меняет данные, то он вызывается снова и снова и снова...

Написано более трёх лет назад
nastya_zholudeva @nastya_zholudeva Автор вопроса

Андрей Хохлов, я поняла. Спасибо.
Быть может вы знаете тогда как можно это исправить?
У меня данные должны обновляться, когда пользователь выбрал другой город. Тогда параметры этого города сохраняются в localStorage, и подставляются в соответствующие параметры запроса к API (в firstLoad()). И страница должна без перезагрузки отобразить новые данные, полученные с помощью firstLoad()

Написано более трёх лет назад
Андрей Хохлов @andrhohlov

nastya_zholudeva, просто перестаньте пытаться скрещивать vue и jQuery (и библиотеки, и подходы в целом). Я кажется ещё 20 ваших вопросов назад вам это советовал.

Заведите vuex-хранилище, в экшене смены города вызывайте экшен обновления состояния другого модуля (или части стэйта).

Не хотите vuex и меняете город где-то там, а в компоненте слушаете событие на document? Ну так пожалуйста, в mounted хуке компонента вешайте слушателя и все будет ок. По какой логике то его в updated пихать?

Написано более трёх лет назад