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