一、问题
错误代码：
页面的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
相关文章
-
HTML5中的audio标签在vue中的使用注意事项
-
HTML5 语义元素(一)页面结构
-
情人节程序员用HTML网页表白【在一起计时】 HTML5七夕情人节表白网页源码 HTML CSS JavaScript
-
基于html5的大众汽车网站(源码 开题)
-
HTML5中Audio API在音乐应用中的使用限制与解决方案
-
web前端设计与开发期末作品 旅游咨询网站 HTML5期末大作业 HTML CSS旅游社网站5个页面 关于制作网页主题论述
-
前端-axios应用在html文件
-
jss/css/html 相关的技术栈有哪些？
-
❤️动态爱心代码合集❤️
-
Vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值
发布的文章
HTML5中的audio标签在vue中的使用注意事项
2024-08-15 23:08:13
Phonegap联系人 获取Contacts HTML5,android(1)
2024-03-29 15:03:00
HTML5 语义元素(一)页面结构
2024-08-15 23:08:06
情人节程序员用HTML网页表白【在一起计时】 HTML5七夕情人节表白网页源码 HTML CSS JavaScript
2024-02-20 09:02:45
基于html5的大众汽车网站(源码 开题)
2024-08-15 23:08:53
HTML5中Audio API在音乐应用中的使用限制与解决方案
2024-05-26 00:05:45
由于篇幅限制，我将为你提供三种不同编程语言中的简单小游戏示例：Python（使用Pygame库）、JavaScript（HTML5 Canvas），以及C#（Unity游戏引擎中的基础代码）。请注意，
2024-08-15 23:08:51
web前端设计与开发期末作品 旅游咨询网站 HTML5期末大作业 HTML CSS旅游社网站5个页面 关于制作网页主题论述
2024-05-22 09:05:53
前端-axios应用在html文件
2024-08-15 23:08:39
jss/css/html 相关的技术栈有哪些？
2024-02-08 15:02:23
大家推荐的文章