“Scroll Fire” is a feature that enables a method to be called (once and only once) when user scrolls current page and the DOM element (or component) that it is applied to comes into the viewport.
For ease of use, its implementation is through a Vue Directive called
There is also a
v-scrolldirective which fires whenever user scrolls the page, available to read here..
<!-- Template for VueModel below -->
// VueModel for template above
For performance purposes, the scroll listener function injected is by default debounced by 50ms. Read more about
Please read here about how Quasar determines the container to attach scrolling events to.