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

相关推荐
excel2 分钟前
Vue SFC 编译核心解析(第 3 篇)——绑定分析与作用域推断
前端
excel3 分钟前
Vue SFC 编译核心解析(第 4 篇)——普通 <script> 与 <script setup> 的合并逻辑
前端
excel4 分钟前
Vue SFC 编译核心解析(第 1 篇)——compileScript 总体流程概览
前端
excel5 分钟前
Vue 编译器中的 processAwait 实现深度解析
前端
excel9 分钟前
Vue SFC 编译核心解析(第 2 篇)——宏函数解析机制
前端
木头没有瓜11 分钟前
在 Windows 中清理依赖node_modules并重新安装
vue.js
excel16 分钟前
🔍 Vue 模板编译中的资源路径转换机制:transformAssetUrl 深度解析
前端
excel18 分钟前
Vue 模板编译中的 srcset 机制详解:从 HTML 语义到编译器实现
前端
excel18 分钟前
🌐 从 Map 到 LRUCache:构建智能缓存工厂函数
前端
excel19 分钟前
Vue 模板编译中的资源路径转换:transformSrcset 深度解析
前端