Sleep

Capture and imagine mouse task in a heatmap along with a Vue regulation #.\n\nvue-heatmapjs.\nFor figure reasons (or anything else) you can easily use a directive for Vue.js, vue-heatmapjs, designed to gather and present individual task on a component.\nReside Demo.\nExample.\nYou may utilize NPM or even Yarn to incorporate this plugin to your job.\nnpm put up vue-heatmapjs.\n

or.yarn incorporate vue-heatmapjs.Utilization.To use this plugin import it in your main.js.// main.js.bring in Vue coming from 'vue'.import heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And then you may include the v-heatmap ordinance to the dom elements you would like to track....You can easily toggle the heatmap on and off through passing an expression into the regulation:....Button Heatmap....
Using the ordinance to a singular embedded component:.You can pay attention for activities through passing an afterAdd technique within the plugin possibilities, which will definitely permit you to access and method the celebrations captured for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( records).// you may shoot this back to your analytics web server.,. ).A trendy task readily available on GitHub, help the writer through extending it!

Articles You Can Be Interested In