jinxiaoliang
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“最近在vue中用echarts的时候报如下错误： 
报错原因：Echarts的图形容器还未生成就对其进行了初始化。
于是在网上搜索了解决该问题的方法。但大多解决办法都是使用ref来代替document.getElementById（）获取该图形容器对象。
但是用了之后还是会报错，于是我们转换思路，可以先用ref来判断该容器是否存在，如果存在，之后我们再用document.getElementById（）来获取dom对象。
代码如下：
<template>
<div>
<v-chart
ref="charts"
id="charts"
/>
<div>
</template>
<script>
...
let charts= this.$refs.charts
if (charts) {
let myChart = this.$echarts.init(document.getElementById('charts'))
...
} 最近在vue中用echarts的时候报如下错误：
报错原因：Echarts的图形容器还未生成就对其进行了初始化。
于是在网上搜索了解决该问题的方法。但大多解决办法都是使用ref来代替document.getElementById（）获取该图形容器对象。
但是用了之后还是会报错，于是我们转换思路，可以先用ref来判断该容器是否存在，如果存在，之后我们再用document.getElementById（）来获取dom对象。
代码如下：
<template>
<div>
<v-chart
ref="charts"
id="charts"
/>
<div>
</template>
<script>
...
let charts= this.$refs.charts
if (charts) {
let myChart = this.$echarts.init(document.getElementById('charts'))
...
}
优秀