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

相关推荐
小oo呆14 小时前
【学习心得】Python的Pydantic(简介)
前端·javascript·python
funnycoffee12314 小时前
F5 Big IP如何设置web和SSH登录的白名单
前端·tcp/ip·ssh
北辰alk14 小时前
Vue 数据响应式探秘:如何让数组变化无所遁形?
vue.js
JarvanMo14 小时前
国产 App,求你放过我的 iPhone 电量吧!
前端
先飞的笨鸟14 小时前
2026 年 Expo + React Native 项目接入微信分享完整指南
前端·ios·app
angelQ14 小时前
Vercel部署:前后端分离项目的整体部署流程及问题排查
前端·javascript
AI前端老薛14 小时前
CSS实现动画的几种方式
前端·css
晨米酱14 小时前
轻量级 Git Hooks 管理工具 Husky
前端·代码规范
Jing_Rainbow14 小时前
【 前端三剑客-35 /Lesson58(2025-12-08)】JavaScript 原型继承与对象创建机制详解🧬
前端·javascript·面试
携欢14 小时前
portswigger靶场之修改序列化数据类型通关秘籍
android·前端·网络·安全