Error in mounted hook: “TypeError: this.dom.getContext is not a function“

最新推荐文章于 2025-04-30 10:06:45 发布

zero___1

最新推荐文章于 2025-04-30 10:06:45 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

文章标签： vue echarts

本文链接：https://blog.youkuaiyun.com/zero___1/article/details/111355170

vue使用echarts报错：Error in mounted hook: "TypeError: this.dom.getContext is not a function"

// let c_dom = this.JQ('#overview_echarts');
let c_dom = this.$refs.overview_echarts;
this.E.init(c_dom).setOption(this.option)

一开始是使用jQuery获取dom，一直报上面的错误，后来改变用vue的ref获取就可以了
使用document.getelementById（）获取也会报错

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zero___1

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

ECharts使用：this.dom.getContext is not a function

seimeii的博客

03-15

3201

echarts 画图报错 this.dom.getContext is not a function; 原因:因为在初始化echarts的时候，echarts.js规定只能使用dom原生方法获取标签，即document.getElementById(‘main’)；错误写法： var myCommentLineChart = echarts.init($("#comment-line")); 加粗样式 var myCommentLineChart = echarts.init(document.

手把手带你撸一遍vue-loader源码

vv_bug

07-31

3350

前言前面写过两篇webpack实战的文章： webpack实战之（手把手教你从0开始搭建一个vue项目）手把手教你从0开始搭建一个vue项目（完结）强烈建议小伙伴们去看一下前面几个章节的内容，这一节我们研究一下vue-loader。介绍 Vue Loader 是什么？ Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件： <template> <div class="example">

参与评论您还未登录，请先登录后发表或查看评论

TypeError: this.dom.getContext is not a function

bigbigpigsobig的博客

08-03

8608

Vue引进echarts时报错：解决办法：在初始化echarts的时候，只能使用dom原生方法获取标签，而不能使用 refs 获取把 let dom = this.$refs.charts; 改成 let dom = document.getElementById("#chart");

echarts初始化获取容器时报错“TypeError: this.dom.getContext is not a function“

热门推荐

乾复道

12-21

3万+

echarts 画图报错 this.dom.getContext is not a function; 原因:因为在初始化echarts的时候，echarts.js规定只能使用dom原生方法获取标签，即document.getElementById('main')；错误代码： var myEchart = echarts.init($('#main')); 正确代码： v......

【echarts初始化方法报错】[Vue warn]: Error in nextTick: “TypeError: this.dom.getContext is not a function“

qq_45630675的博客

08-24

1577

echarts初始化方法中使用getElementsByClassName方法获取渲染dom元素报错

[Vue warn]: Error in mounted hook: "TypeError: this.dom.getContext is not a function"

08-31

具体来说，错误信息提示"TypeError: this.dom.getContext is not a function"。根据引用和引用，这个错误可能是由于使用了错误的方法或属性导致的。解决这个问题的方法是通过检查代码中使用的方法和属性是否正确。...

Error in mounted hook: "TypeError: canvas.getContext is not a function"

05-27

这个错误通常是因为canvas元素没有正确地渲染到页面上，导致无法使用getContext方法获取canvas的绘图上下文。可以检查以下几点： 1. 确认canvas元素已经正确地渲染到页面上。可以使用浏览器的开发者工具查看页面的...

[Vue warn]: Error in mounted hook: "TypeError: canvas.getContext is not a function"

05-30

如果你在 `mounted` 钩子函数中使用了 `$refs` 对象，但是却收到了 `canvas.getContext is not a function` 的错误提示，那么可能是你的 `$refs` 对象没有正确地引用到 DOM 元素。你可以检查一下以下几个问题： 1. ...

vue.runtime.esm.js:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'getContext')" found in ---> <FaultyEquipment> at src/views/management/manageViews/faultyEquipment.vue <Index> at src/views/index.vue <AppMain> at src/layout/components/AppMain.vue <Layout> at src/layout/index.vue <App> at src/App.vue <Root>

07-14

这个警告提示在`mounted`钩子函数中发生了错误，错误信息是`TypeError: Cannot read properties of undefined (reading 'getContext')`。根据警告信息，可能是在组件的`mounted`钩子函数中尝试访问一个未定义的属性...

Vue 报错TypeError: this.$set is not a function 的解决方法

12-12

报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: 'jsonp', data: { q: text, appKey: this.appKey, salt: this.salt, from: this.from, to:

vue echarts.js 报错 this.dom.getContext is not a function；

Z_Gleng的博客

04-03

1606

不能用refs去获取然后我就获取dom原生获取首先用了 getElementsByClassName 还是不行使用getElementById就好了

echarts 报错 this.dom.getContext is not a function;

xiamoziqian的博客

04-17

2631

原因:因为在初始化echarts的时候，echarts.js规定只能使用dom原生方法获取标签，即 document.getElementById('main')；错误代码： var myEchart = echarts.init($('#main')); 正确代码： var myEchart = echarts.init(document.getElementById('main')); ...

this.dom.getContext is not a function

喆๑

08-01

995

代码】this.dom.getContextisnotafunction。

vue使用echarts报错init is undefined...或者this.dom.getContext is not a function

dg_xdg的博客

09-16

3273

vue使用echarts报错init is undefined...或者this.dom.getContext is not a function

ECharts使用折线图报错：this.dom.getContext is not a function

weixin_44195250的博客

11-10

1464

错误写法，因为页面只有一个echart的折线图所以写了如下代码 this.initEcharts(document.getElementByClassName('line-charts'),option); 修改后的代码如下： var a = document.getElementsByClassName('line-charts').length; for(let i=0;i<a;i++){ this.initEcharts(document.getElementByClassName('l

完美解决vue引用echarts报错TypeError: this.dom.getContext is not a function

u013346160的博客

06-21

6836

这里写自定义目录标题vue引入echarts渲染时用ref取dom会报错，解决方法如下，如果解决的话请点个赞。错误截图 vue引入echarts渲染时用ref取dom会报错，解决方法如下，如果解决的话请点个赞。 let dom = this.$refs.charts[0];//完美解决报错 //或者直接用原生取dom let dom = document.getElementById("#chart"); 错误截图 ...