vue中引入echart.js报错

Question

图片描述

Answer 1

代码贴出来复现一下，跑跑。看上去没啥问题.

好像echarts也有vue版本的,不行就试试配套的呗。
https://www.npmjs.com/package...

Answer 2

建议
类似这么写

<template>
  <div class="echart-con" ref="echart"> </div>
</template> 
<script>
export default {
   mounted () {
     // this.$refs.echart 插入的 dom element
     var mp = echarts.init(this.$refs.echart)
   }
}
</script>

Answer 3

感觉是dom还没有出来，你在$nextTick里面看能把dom打出来不

Answer 4

生命周期的问题，你init的时候dom还没构建，建议放到mounted里