“TypeError: Cannot read property ‘getAttribute‘ of undefined“

关于在vue 中引用echarts 出现 "TypeError: Cannot read property ‘getAttribute’ of undefined"问题

如果是在vue 中使用 echarts 在初始化图表的时候需要用到 props 里面传过来的值的话就 会 出现这个问题 ,搜索一下 有的解决方案 是 用watch 进行监控 等到数据变化的是再行触发 图表的初始化函数 ,但是我试过不行

  watch: {
    datav: {
      handler(newValue, oldValue) {
        this.datav = newValue;
        console.log(this.datav)
        
      },
      deep: true,//确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。)
      immediate: true,//确认是否以当前的初始值执行handler的函数
    },
  },

以上的这个行不通!!!!

正解:
原因是 dom没有加载完的问题,要放在this.$nextTick改成

 mounted() {
    this.$nextTick(() => {
      this.initChart();
    });
  }

你可能感兴趣的:(vue.js,echarts,javascript)