Vue js router отрисовка компонента после выполнения ajax
4 USDПривет всем кто работает с vue js. Нужен совет, не могу справится с задачей.
Есть сейчас проект, в работе используется vue js router. При переходе на другую ссылку страница становится пустой и несколько секунд показывает белый экран. Необходимо сделать так, что бы отрисовка контента начиналась только после выполнения ajax запроса другого роута.
К примеру, у нас есть страница '/products', на ней есть пагинация, при клике на пагинацию '/products/2' страница становится пустой на пол секунды, пока не загрузится ajax новых продуктов. Нужно что бы старые продукты оставались до тех пор, пока не загрузятся другие продукты
От Вас требуется лишь описать принцип работы
-
1 day11 USD
152 1 day11 USD
Можешь поставить loader он будет крутится пока не появится продукты, или когда нажимаешь на пагинацию номер 2:
* делается асинхронный запрос для получения продуктов, и когда он закончится, ( у нас уже точно есть список продуктов ), происходит отрисовка компонента, или роутер делает свое дело
И номер пагинации для запроса бери и от кнопки и от query параметра, иначе ссылка /product/3 не приведет нас в нужное место
-
1 day7 USD
205 4 1 1 day7 USD
Добрый день, могу помочь разобраться с вашей проблемой, имею большой опыт работы с vue router. Помогу решить проблему в течении 30 минут
-
-
Это не совсем то. В указаном Вами нету перехода по ссылке, по сути просто передача данных в дочерний компонент. Мне же нужно что бы при переходе по ссылке старых route оставался до тех пор, пока в новом не будет выполнен ajax запрос
-
Это учебная задача или реальный проект? Просто на сколько корректно такое поведение с точки зрения юзабилити? Пользователь нажал на следующую страницу и какое-то время ничего не происходит. Может быть анимацию показывать.
-
Будет лоадер. Лучше полупрозрачный лоадер поверх текущей страницы, чем лоадер на пустой страницы или ещё хуже прыгающая страница
-
Zhitomir