Маршрутизатор Vue все еще загружает предыдущие данные после изменения маршрута

#vue.js #vue-router

#vue.js #vue-маршрутизатор

Вопрос:

у меня странное поведение, когда я загружаю свою домашнюю страницу, которая довольно тяжелая с точки зрения загружаемых изображений / данных, затем я нажимаю на ссылку во время ее загрузки, она загружает следующий компонент в представлении (через router-link), но предыдущие данные, похоже, все еще загружаются в фоновом режиме если я нажму кнопку возврата браузера, URL изменится, но предыдущее представление не загружается, пока предыдущие данные не будут загружены, а затем загружены.

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

Происходит только при первой загрузке, после того, как данные кэшируются, все работает нормально.

Комментарии:

1. я думаю, вам следует извлечь все данные, прежде чем разрешать какое-либо взаимодействие на странице

2. если вы используете Axios — вы можете использовать CancelToken для отмены AJAX-запросов в beforeDestroy() перехватчике компонента.

3. Спасибо, я проверю это, но это больше похоже на то, что все изображения все еще заряжаются, потому что моя выборка выполнена на этом этапе, проверит больше, возможно, что-то не готово для загрузки, я думаю, вы правы.