TypeError: Cannot read property 'getAttribute' of undefined

3 篇文章 0 订阅

今天使用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; 问题即可解决
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
TypeError: Cannot read property 'call' of undefined错误是指在调用一个未定义的对象的call方法时发生的错误。根据引用和引用[2]的内容,我们可以了解到这个错误通常发生在使用Vue.js路由时,可能是因为路由配置有误导致调用了未定义的函数或方法。 根据引用中提到的错误详情,TypeError通常是由于变量或参数不是预期类型引起的。在Vue.js中,路由配置常常使用到call方法来调用相应的函数,而当调用的对象是undefined时,就会触发该错误。 举个例子,假设在Vue.js路由配置中有如下代码: ```javascript router.beforeEach((to, from, next) => { // 在此处调用了一个不存在的函数 to.meta.beforeEnter.call(); next(); }); ``` 在这个例子中,to.meta.beforeEnter是一个函数对象,但如果这个函数对象未定义,就会产生TypeError: Cannot read property 'call' of undefined错误。 因此,解决这个错误的方法就是确保在路由配置中所调用的函数或方法都是已定义的。可以检查路由配置文件,确保所有使用到call方法的函数都是存在的。另外,也可以在调用函数之前先进行类型判断,避免调用未定义的函数。 总结起来,TypeError: Cannot read property 'call' of undefined错误通常发生在Vue.js路由配置中,是由于调用了未定义的函数或方法导致的。解决这个错误的方法是确保所有调用的函数都是已定义的,并进行必要的类型判断。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

奔跑的痕迹

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值