В моем рабочем проекте внешний интерфейс не является полностью SPA, а также не определяет все компоненты в шаблонизаторе, но загрузка изображения несовместима между документом и vue. Я не могу найти подходящее решение для загрузки изображений документа, когда загружаются и отображаются компоненты vue.
Нам нужно отображать все сразу, когда vue отображает компоненты.
Единственное решение, которое я могу придумать, - это применить исходные ссылки в data-src
во всех img
элементах. Когда vue готов отображать компоненты, значение из data-src
будет применено к атрибуту src
, и браузер начнет загружать файлы изображений.
Но есть и другие проблемы с загрузкой изображений CSS, и я не уверен, как бы я управлял загрузкой там. Я предполагаю, что мне придется определить за пределами CSS и использовать JS для этого?
2 Другие решения, которые я могу придумать, это просто скрыть страницу, пока vue не завершит рендеринг, но это увеличит время, чтобы увидеть страницу. Или используйте загрузочный носитель вместо загрузки фотографий.