Sleep

Capture and picture computer mouse task in a heatmap along with a Vue directive #.\n\nvue-heatmapjs.\nFor statistic reasons (or even anything else) you may make use of a regulation for Vue.js, vue-heatmapjs, created to gather and also feature user task on an element.\nStay Demonstration.\nExample.\nYou may use NPM or even Yarn to add this plugin to your project.\nnpm put up vue-heatmapjs.\n

or.yarn add vue-heatmapjs.Consumption.To use this plugin bring in it in your main.js.// main.js.bring in Vue from 'vue'.import heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And after that you can easily include the v-heatmap instruction to the dom components you wish to track....You can toggle the heatmap on as well as off by passing a phrase right into the ordinance:....Toggle Heatmap....
Utilizing the directive to a solitary nested component:.You can listen closely for activities through passing an afterAdd approach within the plugin alternatives, which will certainly enable you to accessibility and procedure the occasions caught for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( data) console.log( information).// you may shoot this spine to your analytics web server.,. ).An awesome project accessible on GitHub, help the author through expanding it!

Articles You Can Be Interested In