【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中

相关推荐
涛涛ing11 分钟前
2026 上半年,前端圈已经炸了五次
前端
hunterandroid16 分钟前
Android 后台任务可靠性排查:从 WorkManager 观测到失败重试闭环
android·前端
skiyee16 分钟前
🔥 oiyo & unibest = 又新又好的 uniapp 模板
前端·uni-app
xingren20 分钟前
「眨眼」UI 特效 - 在 Winform/WPF/WinUI3/Avalonia/Web 的实现
前端
观察员22 分钟前
Vue3 猜字游戏前端实战:从零搭建聊天交互界面
vue.js
颜进强25 分钟前
前端看后端 13:什么是 Cookie 和 Session?
前端·后端
月月大王的3D日记27 分钟前
Three.js 入门系列(7):让甜甜圈围着我转 —— 3D文字生成
前端·javascript
gitboyzcf28 分钟前
mpegts.js解决Chrome无法播放7568×142分辨率报错 DOMException问题
前端·后端
yio_yin42 分钟前
MyBatis
java·前端·mybatis
棒棒的唐1 小时前
非常棒的向量数据库chroma的前端管理工具及向量模型配置
前端