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

相关推荐
ai超级个体3 分钟前
前端唯一的护城河?结合 AI 将字节组件库 Headless 化后的感想~
前端·react·ai编程·ant design·组件库·vibe coding
冴羽yayujs11 分钟前
前端周报:Remix 3、Node 26 与 Chrome 148
前端
问心无愧051311 分钟前
ctf show web 入门39
android·前端·笔记
卷无止境12 分钟前
Alpine.js入门笔记
前端
@王先生118 分钟前
【K8S-ETCD初始化三节点集群】
前端·chrome·k8s·etcd·集群
LinDaiDai_霖呆呆25 分钟前
做 Agent 开发入门必懂的 10 个 Agent 核心概念
前端·agent·ai编程
小四的小六33 分钟前
WebView 从0到1搭建线上性能监控体系
javascript·webview
2301_8152795242 分钟前
实战分享实现 C++ 管理类单例模式:特点与最佳实践
javascript·c++·单例模式
原则猫1 小时前
await 到底在等待什么
前端
西洼工作室1 小时前
fetch+ReadableStream实现SSE推送实时踢人下线
前端·python·全栈