echarts踩坑实录

1、报找不到dom错误

要监听数据，判断当前节点存在的时候，再初始化

watch: {

  paperArray: {

    handler() {

      this.$nextTick(() => {

        if (this.$refs.echarts) {

          this.initOption()

        }

      })

    },

    immediate: true,

    deep: true

  }

},

2、找不到echarts错误

echarts版本升级以后，引用只能用这个形式了

import * as echarts from 'echarts'

3、报echarts init dom 早已经存在

在初始化的时候判断一下

let myEcharts = echarts.getInstanceByDom(this.$refs[this.chartsRef]) // 若已经存在，获取echarts实例

if (!myEcharts) {// 没有就初始化

  myEcharts = echarts.init(this.$refs[this.chartsRef])

}