echarts自定义图片首次加载不显示的问题的修改 vue


1.图片修改后,只有点击节点的时候才会显示图片,刚加载进去不显示图片,加上下面代码即可显示

setTimeout(() => { // 解决echarts树图图片首次加载不出现的问题
echarts.init(chart).resize();
}, 200);
2.通过上述修改后,还是有bug,那就是点击父节点展开和合并子节点的时候,图片又会消失,所以又有了下方代码

echarts.init(chart).on('click', function() { // 解决点击父节点合并或展开后子节点图片不显示的问题
echarts.init(chart).resize();
});
3.整个完整组件代码如下:






如下想用js实现上述代码,可参选另一篇文章:参考地址
https://blog.csdn.net/qq_36509946/article/details/108219598

vue