Как динамически загружать l-popup контент - особенно img sr c, чтобы запросы на все изображения не выполнялись при начальной загрузке страницы?
Я думаю, я мог бы динамически создавать всплывающее окно при событии нажатия маркера но я не могу найти подходящий пример.
В настоящее время я помещаю элемент b-img с внешним sr c. Браузер запрашивает все изображения при загрузке страницы. Я хочу, чтобы запрос на изображение запускался только при открытии всплывающего окна.
Любая помощь будет принята с благодарностью.
<l-marker
v-for="marker in markers"
:key="marker.id"
:lat-lng="[marker.latitude, marker.longitude]"
>
<l-popup>
<!-- TODO implement lazy loading so that requests for all images are not fired on page load -->
<b-img v-if="marker.images[0] !== undefined" :src="marker.images[0].image" :alt="marker.name" width="250" height="250"></b-img>
</l-popup>
</l-marker>
Версии пакетов: "vue": "^2.6.10", "vue2-leaflet": "^2.2.1", "leaflet": "^1.6.0", "bootstrap-vue": "^2.1.0"