Loaded event triggering on every scroll event

I’m using the loaded adapter alongside vue-router. I’m finding that on initial page load the loaded event is triggered once per image, which is expected. After changing routes I find that the loaded event is triggered on every scroll event for every visible image, even if the image has already loaded. Setup like this:

Vue.use(VueLazyload, {
  preLoad: 1.8,
  error: false,
  loading: false,
  attempt: 1,
  supportWebp: false,
  adapter: {
    loaded({ el }) {
      console.log(el);
    },
  },
});

Is this expected behaviour?

Online example here: http://requirebin.com/?gist=rdunk/1371389794270c9672bb15f4e24d40c3

Try changing route a few times and then scrolling, should see the events in the console.

[rdunk]

@fawadaslam1993 Managed to dig it out. This is just a replacement for the component, not the directive, so not sure if it will do what you need it to do.

Hope it helps.

https://gist.github.com/rdunk/98c9c2a80dace8e73472b81e3e9ce97b

[fawadaslam1993]

Thanks. I’ll try 😃