Capture and visualize computer mouse task in a heatmap with a Vue instruction #.\n\nvue-heatmapjs.\nFor fact reasons (or even everything else) you may make use of an instruction for Vue.js, vue-heatmapjs, designed to collect and show individual task on an element.\nReside Demo.\nInstance.\nYou can make use of NPM or even Anecdote to include this plugin to your job.\nnpm set up vue-heatmapjs.\n

or.anecdote incorporate vue-heatmapjs.Consumption.To use this plugin bring in it in your main.js.// main.js.import Vue from 'vue'.bring in heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And then you can easily incorporate the v-heatmap directive to the dom components you would like to track....You may toggle the heatmap on as well as off by passing an expression right into the regulation:....Button Heatmap....
Utilizing the instruction to a singular embedded element:.You may pay attention for celebrations through passing an afterAdd technique within the plugin options, which will permit you to accessibility as well as method the events grabbed for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( data).// you may terminate this spine to your analytics server.,. ).An amazing job accessible on GitHub, aid the writer through expanding it!