这是因为在vue框架中,视图更新是和数据相关,如果采用插件引入的方式直接在this.$nextTick中生成热力图,就必须同时清除已经存在的热力图。
由于是手机写博客不方便上图,大致如下:
var heatmapBox = document.getElementById("heatmap");
var oldCanvas = heatmapBox.cheldren[1];
//删除之前生成的热力图
heatmapBox.removeChild(oldCanvas);
这是因为在vue框架中,视图更新是和数据相关,如果采用插件引入的方式直接在this.$nextTick中生成热力图,就必须同时清除已经存在的热力图。
由于是手机写博客不方便上图,大致如下:
var heatmapBox = document.getElementById("heatmap");
var oldCanvas = heatmapBox.cheldren[1];
//删除之前生成的热力图
heatmapBox.removeChild(oldCanvas);