Capture as well as picture mouse task in a heatmap with a Vue ordinance #.\n\nvue-heatmapjs.\nFor figure reasons (or just about anything else) you can easily use an ordinance for Vue.js, vue-heatmapjs, made to pick up and also feature individual task on a component.\nLive Trial.\nInstance.\nYou can easily utilize NPM or even Anecdote to incorporate this plugin to your task.\nnpm put in vue-heatmapjs.\n

or even.yarn incorporate vue-heatmapjs.Use.To utilize this plugin bring in it in your main.js.// main.js.import Vue from 'vue'.import heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And then you can add the v-heatmap instruction to the dom components you want to track....You can toggle the heatmap on and off through passing an expression into the directive:....Button Heatmap....
Using the directive to a solitary nested element:.You can listen for celebrations through passing an afterAdd method within the plugin options, which will definitely allow you to get access to as well as method the events caught for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( records).// you can easily shoot this spine to your analytics server.,. ).A cool task available on GitHub, assist the author through extending it!