Vue解决echarts报错Cannot read properties of null (reading‘getAttribute‘)

问题出错原因：

        大部分页面在进入的时候进行渲染时，由于初始化调用了某些函数或者第三方插件方法，渲染不及时造成的错误。

        此处问题是在echart渲染时发现，其他插件使用时也可能会出现此报错，原理相通。

解决方案：

        1.延迟到下次 DOM 更新循环之后执行

this.$nextTick(() => {
  this.chartPort();
});

        2.将处理函数放到mounted(){} 生命周期

mounted() {
    this.chartPort();
},

        3.document.readyState 方法主要是描述了文档的加载状态

值	描述
loading	加载中
interactive	文档已经完成加载且已被解析，但是类似图像，样式表和框架之类的子资源仍在加载
complete	加载完成

可以通过complete去完成判断进行触发方法。