Sleep

Capture and picture mouse activity in a heatmap with a Vue directive #.\n\nvue-heatmapjs.\nFor statistic reasons (or anything else) you can use a directive for Vue.js, vue-heatmapjs, developed to pick up as well as present consumer task on a component.\nLive Trial.\nExample.\nYou can use NPM or Anecdote to add this plugin to your task.\nnpm put in vue-heatmapjs.\n

or.anecdote incorporate vue-heatmapjs.Use.To utilize this plugin import it in your main.js.// main.js.import Vue from 'vue'.import heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And afterwards you can incorporate the v-heatmap directive to the dom elements you wish to track....You can easily toggle the heatmap on and also off by passing a phrase in to the instruction:....Toggle Heatmap....
Utilizing the ordinance to a singular nested element:.You may pay attention for occasions through passing an afterAdd strategy within the plugin options, which will definitely permit you to access as well as process the activities recorded for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( records) console.log( information).// you can fire this spine to your analytics web server.,. ).A great venture readily available on GitHub, aid the author by broadening it!

Articles You Can Be Interested In