【bug记录】TypeError: Cannot read properties of null (reading ‘getAttribute‘)

 

简述：vue项目报错，

Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')，

翻译：无法读取null属性(读取'getAttribute')，

解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，

这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，就会报类似错误，解决方法就是在报错之前做判断处理；

 解决：在触发事件前做判断，假如你是在重置页面大小或mounted时触发该事件；

  mounted() {
    this.$nextTick(() => {
      if (document.getElementById(this.lineId)) {
        this.getLinesChart()
      }
    })
  },