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

相关推荐
这个图像胖嘟嘟15 小时前
前端开发的基本运行环境配置
开发语言·javascript·vue.js·react.js·typescript·npm·node.js
北辰alk15 小时前
Vue 自定义指令生命周期钩子完全指南
前端·vue.js
是小崔啊15 小时前
03-vue2
前端·javascript·vue.js
学习非暴力沟通的程序员16 小时前
Karabiner-Elements 豆包语音输入一键启停操作手册
前端
Jing_Rainbow16 小时前
【 前端三剑客-39 /Lesson65(2025-12-12)】从基础几何图形到方向符号的演进与应用📐➡️🪜➡️🥧➡️⭕➡️🛞➡️🧭
前端·css·html
刘羡阳16 小时前
使用Web Worker的经历
前端·javascript
发现一只大呆瓜16 小时前
JS-类型转换:从显式“强制”到隐式“魔法”
javascript
!执行16 小时前
高德地图 JS API 在 Linux 系统的兼容性解决方案
linux·前端·javascript
Gooooo16 小时前
现代浏览器的工作原理
前端
发现一只大呆瓜16 小时前
JS-ES6新特性
javascript