Vue.js как задержать переход пока загружаеться страница?

Question

[Sergeyjed]

Делаю Spa на vue.js при переходах по страницам на мгновение видно как фоновая картинка не появилась и тд. Как сделать задержку пока грузится страница? Вот как на обычных сайтах после клика на ссылку не сразу переходит

Comments

[crdrads]

Какая еще фоновая картинка? Новой страницы? Ты хочешь ждать чтобы загрузились картинки со следующей страницы? Совсем что-ли, того?

[Sergeyjed]

Да новой страницы, при переходах по страницам. Лучше задержать переход чем смотреть на дергающийся экран

[crdrads]

Sergeyjed, для этого придумали лейзли лоад картинок и ратио, гений

Answer 1

[Ska1n]

Создай штору с анимацией, закрывающим весь контент и манипулируй ей через beforeEnter страницы в vue-router

Comments

[Sergeyjed]

Не получается реализовать, можете сделать демо на codepen?

[Ska1n]

Sergeyjed,
Вот
Обратите внимание на router.js и setTimeout после next(). Для примера сделал ложную паузу, на практике же где нужно поставить шторку, у меня сначала выполняются промисы, по окончанию выполнения в then я даю команду убрать шторку

Answer 2

[Nikita Dergachov]

Пример.