pull/3420/head
Tuğçe Küçükoğlu 2022-12-09 11:10:44 +03:00
parent 84fc44ceff
commit 5f7d9ee0a9
2 changed files with 5 additions and 9 deletions

View File

@ -12,9 +12,9 @@
<div class="card"> <div class="card">
<div style="height: 800px">Scroll down to lazy load an image and the DataTable which initiates a query that is not executed on initial page load to speed up load performance.</div> <div style="height: 800px">Scroll down to lazy load an image and the DataTable which initiates a query that is not executed on initial page load to speed up load performance.</div>
<!-- <DeferredContent @load="onImageLoad"> <DeferredContent @load="onImageLoad">
<img src="/demo/images/nature/nature4.jpg" alt="Nature"/> <img src="/demo/images/nature/nature4.jpg" alt="Nature" />
</DeferredContent> --> </DeferredContent>
<div style="height: 500px"></div> <div style="height: 500px"></div>

View File

@ -250,15 +250,11 @@ export default {
created() { created() {
this.galleriaService = new PhotoService(); this.galleriaService = new PhotoService();
}, },
async mounted() { mounted() {
await this.test(); this.galleriaService.getImages().then((data) => (this.images = data));
this.bindDocumentListeners(); this.bindDocumentListeners();
}, },
methods: { methods: {
async test() {
const data = await this.galleriaService.getImages();
this.images = data;
},
onThumbnailButtonClick() { onThumbnailButtonClick() {
this.showThumbnails = !this.showThumbnails; this.showThumbnails = !this.showThumbnails;
}, },