A simple vue component which can check the element whether in the specail(window
default) viewport
- Use IntersectionObserver first if the browser support.
$ npm i @iggfe/vue-check-viewport
<ul>
<vue-check-viewport tag="li" :class="{visited: item.visited}" v-for="(item, index) in list" @on-visible="onVisible(index)" @on-un-visible="onUnVisible(index)">{{ item.val }}</vue-check-viewport>
</ul>