Почему атрибут `loading="lazy"` тега `<img>` не работает для отложенной загрузки при использовании внутри компонента `elHtml

Программисты Html
Ответить
Anonymous
 Почему атрибут `loading="lazy"` тега `<img>` не работает для отложенной загрузки при использовании внутри компонента `el

Сообщение Anonymous »

Почему атрибут loading="lazy" тега не работает для отложенной загрузки при использовании внутри компонента el-carousel?
Интернет-демо
Element Plus Playground 1
Пример кода

Код: Выделить всё






lazy load header




[img]https://dummyimage.com/2000x2000/aaa/fff&text=2000x2000[/img]
              loading="lazy"
/>






[img]https://dummyimage.com/2000x2000/bbb/fff&text=2000x2000[/img]
              loading="lazy"
/>






[img]https://dummyimage.com/2000x2000/ccc/fff&text=2000x2000[/img]
              loading="lazy"
/>






[img]https://dummyimage.com/2000x2000/ddd/fff&text=2000x2000[/img]
              loading="lazy"
/>






[img]https://dummyimage.com/2000x2000/eee/fff&text=2000x2000[/img]
              loading="lazy"
/>










В настоящее время я не знаю, как попытаться. Ожидаемый результат: атрибут loading="lazy" тега может работать для отложенной загрузки при использовании внутри компонента el-carousel.

Подробнее здесь: https://stackoverflow.com/questions/795 ... -lazy-load
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»