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

相关推荐
2501_9462447810 小时前
Flutter & OpenHarmony OA系统个人中心组件开发指南
java·javascript·flutter
树叶会结冰10 小时前
TypeScript---对象:不自在但实在
前端·javascript·typescript
风止何安啊10 小时前
一个切图仔的2025年度总结:AI 与 Vibe Coding 教会了大学生啥?
前端·人工智能·ai编程
怪可爱的地球人10 小时前
keep-alive缓存组件
前端
qq_28161795310 小时前
Software Interfaces Are Two‑Way Contracts
前端·javascript·vue.js
外啫啫10 小时前
微信朋友圈图片布局
javascript·vue.js
千里马-horse10 小时前
Rect Native bridging 源码分析--Dynamic.h
javascript·react native·react.js·dynamic
POLITE310 小时前
Leetcode 2.两数相加 JavaScript (Day 11)
前端·javascript·leetcode
颜酱11 小时前
学习卡特兰数:从原理到应用,解决所有递推计数问题
前端·javascript·算法
计算机毕设VX:Fegn089511 小时前
计算机毕业设计|基于springboot + vue出行旅游安排系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·课程设计