【echart】数据可视化+vue+vite遇到问题

1、vue3使用echars图表报错:"Initialize failed:invalid dom"

原因是因为:Dom没有完成加载时,echarts.init() 就已经开始执行了,获取不到Dom,无法进行操作

解决:加个延时

javascript 复制代码
onMounted(async () => {
    setTimeout(() => {echartsIn()}, 1000)
})
const echartsIn ()=>{

}

2、vite图片导入失败

图片放到assets中了,获取不到

将图片放置到public中

相关推荐
PBitW13 小时前
2025,菜鸟的「Vibe Coding」时刻
前端·年终总结
mwq3012314 小时前
不再混淆:导数 (Derivative) 与微分 (Differential) 的本质对决
前端
小二·14 小时前
Vue 3 组件通信全方案详解:Props/Emit、provide/inject、事件总线替代与组合式函数封装
前端·javascript·vue.js
研☆香14 小时前
html框架页面介绍及制作
前端·html
be or not to be15 小时前
CSS 定位机制与图标字体
前端·css
DevUI团队15 小时前
🔥Angular高效开发秘籍:掌握这些新特性,项目交付速度翻倍
前端·typescript·angular.js
Moment16 小时前
如何在前端编辑器中实现像 Ctrl + Z 一样的撤销和重做
前端·javascript·面试
宠..16 小时前
优化文件结构
java·服务器·开发语言·前端·c++·qt
Rysxt_16 小时前
Vue.js 中 LocalStorage 与 SessionStorage 深度实践指南
vue.js·localstorage·sessionstorage
Tencent_TCB16 小时前
AI Coding全流程教程——0基础搭建“MEMO”健康打卡全栈Web应用(附提示词)
前端·人工智能·ai·ai编程·codebuddy·claude code·cloudbase