Sleep

Capture and visualize computer mouse task in a heatmap along with a Vue regulation #.\n\nvue-heatmapjs.\nFor statistic objectives (or everything else) you may make use of a regulation for Vue.js, vue-heatmapjs, designed to gather and show individual task on a component.\nLive Demo.\nInstance.\nYou may use NPM or even Anecdote to include this plugin to your project.\nnpm put in vue-heatmapjs.\n

or even.anecdote incorporate vue-heatmapjs.Use.To use this plugin import it in your main.js.// main.js.import Vue from 'vue'.import heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And afterwards you can easily add the v-heatmap ordinance to the dom aspects you would like to track....You may toggle the heatmap on as well as off by passing a phrase right into the regulation:....Button Heatmap....
Utilizing the directive to a singular nested part:.You may listen closely for occasions by passing an afterAdd technique within the plugin options, which will definitely enable you to accessibility as well as method the celebrations grabbed for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( records) console.log( records).// you may shoot this spine to your analytics hosting server.,. ).A great project offered on GitHub, aid the writer through expanding it!

Articles You Can Be Interested In