vue-lazyload icon indicating copy to clipboard operation
vue-lazyload copied to clipboard

Lazy component?

Open carlosHerz opened this issue 7 years ago • 6 comments

How can i implement Lazy Component? i've spent some time trying to make it work but it's not happening.

carlosHerz avatar Nov 18 '17 19:11 carlosHerz

same question...

0x8f701 avatar Feb 21 '18 08:02 0x8f701

@hilongjw Seems like the Lazy component dosen't work at all

LiHwsqh avatar Mar 07 '18 08:03 LiHwsqh

hi guys, for me it works without any magic just turn it on in component options:

Vue.use(VueLazyload, {
  lazyComponent: true,
});

and use just as a wrapper

<lazy-component>
   ANYTHING
</lazy-component>

dmydry avatar Mar 31 '18 23:03 dmydry

@dmydry Thanks, works flawlessly. Can't that example go to the docs?

urbgimtam avatar Apr 30 '18 17:04 urbgimtam

https://github.com/hilongjw/vue-lazyload#lazy-component

rdunk avatar May 01 '18 09:05 rdunk

Doesn't work for me following the docs.

import Vue from 'vue';
import VueLazyload from 'vue-lazyload';

Vue.use(VueLazyload, {
  preLoad: 1.3,
  error: '/img/loading-grey.gif',
  loading: '/img/loading-grey.gif',
  attempt: 1,
  lazyComponent: true,
});

<lazy-component>
    CONTENT
</lazy-component>

image

tbredin avatar Oct 12 '20 05:10 tbredin