报错原因:Initialize failed: invalid dom
引入 Echarts
因为在Dom
还没加载的时候,option 获取元素,echarts.init(document.getElementById("bottomChartData"))
就开始检测dom
,并尝试去获取它,但是在vue中引用echarts
的中,发现在模板dom还没加载的时候echarts.init()
就已经开始执行,所以会报错 Initialize failed: invalid dom
2、解决办法:
根本原因就是dom没加载,echarts没有检测到dom,那么我就让dom加载后再去获取dom,就把echarts.init()这部分数据放在onMounted里面执行,也就是挂载完成之后执行