一、问题
错误代码：
页面的echarts柱状图渲染不出来
控制台报错如下：
二、原因
获取dom错误，eCharts仅支持使用原生方法获取dom。
Vue的ref方法，eCharts不支持。
三、解决方法
正确代码：
页面成功渲染：
四、补充&更正
在Vue里面获取dom的两种方式：
1.原生方式获取
此方法对应的dom元素中的必须是class="xxx"或者id="xxx"：
2.Vue的ref方式获取
此方法的dom节点必须是ref="xxx"
Uncaught (in promise) Error: Initialize failed: invalid dom. at Module.init (echarts.js:2010:13
转载请注明出处或者链接地址：https://www.qianduange.cn//article/15013.html
相关文章
-
【SpringMVC】_SpringMVC项目返回HTML与JSON
-
2024年前端最新Nodejs基础之包管理工具npm(二)(2)，微软面试题及答案
-
解决全局安装pnpm后无法使用的问题
-
安装Nodejs后，npm无法使用
-
npm使用淘宝镜像下载依赖包
-
搭建Nexus前端npm私服，上传发布npm包和下载依赖
-
npm install包提示安装成功，但项目目录中没有出现node_modules的解决方案
-
解决VUE3 Vite打包后动态图片资源不显示问题
-
vue基于sockjs-client stompjs实现websocket客户端
-
Vue 3 项目中导入外部的 ＜link＞ 和 ＜script＞ 资源
发布的文章
C#解析JSON的常用库--Newtonsoft.Json
2024-11-30 11:11:42
jsonfield 项目常见问题解决方案
2024-11-30 11:11:42
【SpringMVC】_SpringMVC项目返回HTML与JSON
2024-11-30 11:11:41
BugJson因为json格式问题OOM怎么办
2024-11-30 11:11:41
python 解读JSON文件，一文搞懂！
2024-11-30 11:11:40
Redisson同时使用jackson、fastjson、kryo、protostuff序列化（含效率对比）
2024-11-30 11:11:40
开源项目“Pretty JSON”安装与配置完全指南
2024-11-30 11:11:39
2024年前端最新Nodejs基础之包管理工具npm(二)(2)，微软面试题及答案
2024-11-30 11:11:39
解决全局安装pnpm后无法使用的问题
2024-11-30 11:11:39
安装Nodejs后，npm无法使用
2024-11-30 11:11:38
大家推荐的文章