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

相关推荐
-凌凌漆-7 分钟前
【Vue】Vue3 vite build 之后空白
前端·javascript·vue.js
心柠7 分钟前
前端工程化
前端
摘星编程14 分钟前
用React Native开发OpenHarmony应用:useImperativeHandle暴露实例方法
javascript·react native·react.js
沐雪架构师19 分钟前
核心组件2
前端
qq_3363139320 分钟前
javaweb-Vue3
前端·javascript·vue.js
Mr Xu_20 分钟前
UniApp 实战:深度解析 App 端自动检测与静默更新(含强制更新)
javascript·vue.js·uni-app
小圣贤君25 分钟前
Electron 桌面应用接入通义万相:文生图从 0 到 1 实战
前端·electron·ai写作·通义万相·ai生图·写作软件·小说封面
南风知我意95731 分钟前
【前端面试1】基础JS的面试题
前端·javascript·面试
mc_故事与你41 分钟前
前后端分离项目(springboot+vue+mybatis)-教学文档(SpringBoot3+Vue2)-4 (正在编写)
vue.js·spring boot·mybatis
wjhx41 分钟前
在Qt Design Studio中进行页面切换
前端·javascript·qt