Привет, сообщество. На проекте столкнулись с проблемой: элементы интерфейса, описанные

Question

Привет, сообщество. На проекте столкнулись с проблемой: элементы интерфейса, описанные

на VUejs подгружаются с большой задержкой. Подробнее: на странице много контента, поэтому довольно поздно отрабатывает вуевский $.mount. Для посетителей это выглядело так, что страница сначала загружалась, потом появлялась форма поиска в шапке или TOC. Мы решили сначала показывать формочку без какой-либо логики со стороны vuejs (автодополнение, валидация и т.д.), ну и когда интерфейс прогружается, заменяем компонентом Vue.
К сожалению, это вызвало новую проблему: при монтировании Vue элементы, которые заменяются компонентами Vue исчезают на какое-то время. От этого и контент “прыгает” и вообще неприятно.

Есть ли какое-то решение, которое не знает гугел? Что-то все варианты, которые мы нашли, не работают. Большинство из них предлагает прелоадер показывать, но нам такое решение не подходит, так как подгружаемые компоненты - это элементы интерфейса, а не данные

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

0

09.09.2020

1 ответов

11 просмотров

Пользователь 62684 · Accepted Answer

Пользователь 62684

Создаете DOM-узел за пределами видимости, рендерите в него. По завершению рендеринга заменяете в requestAnimationFrame ваш дом узел с формочкой на узел с отрендеренным материалом через DOM api replaceWith / replaceChild

0

09.09.2020

169 похожих чатов

Привет, сообщество. На проекте столкнулись с проблемой: элементы интерфейса, описанные

1 ответов

Похожие вопросы