vue使用echarts 提示获取不到元素宽、高度

 

 

vue使用echarts 提示获取不到高度。nextTick 也不好使。

解决办法：实例化时候，不通过getElementById获取节点。

                  通过ref获取dom节点

// lineChart = echarts.init(document.getElementById('lineChart'));
   lineChart = echarts.init(this.$refs.myLineChart);    

 

<div id="lineChart" ref="myLineChart" style="height: 300px; width: 100%"></div>

挂载的元素是普通的dom节点，

 我也不知道两者有什么区别， 知道的小伙伴评论一下。