VUE 使用用Echart 报错：this.dom.getContext is not a function

问题：在VUE中 如果使用了  tabs 关在tab 中加入了<div>标签；在初始化中 执行echart.init() 可能会 报错：this.dom.getContext is not a function；大致如下所示：

<el-tabs> 

<el-tab-pane>

<div>

        <div style="height: 500px;widows:1000px;" ref="homeLineRef"></div>

      </div>

</el-tab-pane>

</el-table>

解决办法： 可以把echart 部分单独提出来，构建成一个组件；以组件方式使用；正常使用，如下所示：

<el-tabs> 

<el-tab-pane>

<div>

　　<ChartData :xlables="item.xlabels" :resultData="item.yVals" :name="item.name" ref="childTable"></ChartData>

      </div>

</el-tab-pane>

</el-table>

<script>

import ChartData from "@/components/chartXlabel.vue";

</script

 

图形组件：

<template>

 <div style="height: 500px;widows:1000px;" ref="homeLineRef"></div>

</template>