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

标签：function VUE echart dom getContext 报错

问题：在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>  

标签：function,VUE,echart,dom,getContext,报错
From： https://www.cnblogs.com/cdxy2005/p/18420794