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

相关推荐
程序员Agions7 小时前
别再只会 console.log 了!这 15 个 Console 调试技巧,让你的 Debug 效率翻倍
前端·javascript
我的div丢了肿么办7 小时前
vue使用h函数封装dialog组件,以命令的形式使用dialog组件
前端·javascript·vue.js
UIUV7 小时前
Git 提交规范与全栈AI驱动开发实战:从基础到高级应用
前端·javascript·后端
NEXT067 小时前
那个写 width: 33.33% 的前端,终于被 flex: 1 拯救了
前端·css
NEXT068 小时前
前端即导演:用纯 CSS3 原力复刻《星球大战》经典开场
前端·css
lili-felicity8 小时前
React Native for Harmony:登录页“记住密码+深色模式适配”完整实现
javascript·react native·react.js
摘星编程8 小时前
Flutter for OpenHarmony 实战:CustomScrollView 自定义滚动视图详解
android·javascript·flutter
xiaomin-Michael8 小时前
websocket学习
javascript
xiaomin-Michael8 小时前
JS setTimeout
javascript