[Vuejs]-Only load data when component is in view?

Strangely enough, I solved it by firing a custom scroll event when calling my function:

loadDataToSystem() {
    window.dispatchEvent(new Event('scroll')); 
    .........
}