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

相关推荐
半兽先生14 分钟前
WebRtc 视频流卡顿黑屏解决方案
java·前端·webrtc
南星沐1 小时前
Spring Boot 常用依赖介绍
java·前端·spring boot
孙_华鹏2 小时前
手撸一个可以语音操作高德地图的AI智能体
前端·javascript·coze
zhangxingchao2 小时前
Jetpack Compose 动画
前端
@PHARAOH2 小时前
HOW - 缓存 React 自定义 hook 的所有返回值(包括函数)
前端·react.js·缓存
拉不动的猪2 小时前
设计模式之--------工厂模式
前端·javascript·架构
前端开发张小七3 小时前
16.Python递归详解:从原理到实战的完整指南
前端·python
陈奕迅本讯3 小时前
操作系统 3.6-内存换出
前端
WDeLiang3 小时前
Vue学习笔记 - 逻辑复用 - 组合式函数
vue.js·笔记·学习
Aphelios3803 小时前
TaskFlow开发日记 #1 - 原生JS实现智能Todo组件
java·开发语言·前端·javascript·ecmascript·todo