vue-visible-track v0.0.1

vue-visible-track

A Vue.js directive helps track visible elements.

Installing

Using npm:

npm install --save vue-visible-track

Using yarn:

yarn add vue-visible-track

Using CDN:

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-visible-track"></script>

Usage

Use v-visible-track on an element:

<div v-visible-track:modulename.each="{'key1':'value1','key2':'value2'}"></div>

import Vue from "vue";
import VueVisibleTrack from "vue-visible-track";

Vue.use(VueVisibleTrack, {
    callback(args) {
        // Do something when the element is visible
        console.log(args.key1);
        console.log(args.key2);
    }
});

If you are using the CDN version:

window.Vue.use(VueVisibleTrack, {
    callback(args) {
        // Do something when the element is visible
        console.log(args.key1);
        console.log(args.key2);
    }
});

Options

Todo...