今天使用echarts + vue 做 图标,运行时提示vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of undefined"

网上找了些朋友说是,什么要将加载放到mounted的this.$nextTick中,其实不然,是我吧refs 的值写错了

现在我们就来开始找错…

html

<template>
    <div class="echart-box"  style="width: 280px;
       height:220px" ref="line_only_dom"></div>
</template>

js

  mounted() {
      this.drawLine();
  },
  methods: {
      drawLine() {
          let self = this;
          let line_dom = this.$refs.line_dom;
          this.mychart = this.$echarts.init(line_dom);

	}
}

找到错误了吧

只要吧 let line_dom = this.$refs.line_dom; 改为 let line_only_dom = this.$refs.line_only_dom; 问题即可解决
Logo

前往低代码交流专区

更多推荐