记录一下echarts在vue中,Uncaught TypeError：Cannot read property 'type' of undefined和渲染元素位置出错问题

问题1

Uncaught TypeError：Cannot read property 'nodeType' of undefined

原代码

data() {
    return {
      myChart:null,
    };
  },
this.myChart = this.$echarts.init(this.$refs.mains);

原因：echarts不能挂载到this全局中, 部分方法访问不到echarts变量 ，导致部分元素出错

//改成
var myChart = this.$echarts.init(this.$refs.mains);

问题二

我绑定到<div ref="mains" id="mains"></div>这个标签中，echarts生成图标却显示在了父元素下面

原代码

var myChart = this.$echarts.init(this.$refs.mains);
this.myChart=myChart
 window.addEventListener("resize", () => {
        this.myChart.resize();
      });

原因：和问题1同理

改成

//用函数内的变量
window.addEventListener("resize", () => {
        myChart.resize();
      });