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

相关推荐
daols8811 分钟前
vxe-table 如何实现跟 excel 一样的筛选框,支持字符串、数值、日期类型筛选
前端·javascript·excel·vxe-table
青青子衿悠悠我心17 分钟前
围小猫秘籍
前端
私人珍藏库22 分钟前
[Windows] Chrome_Win64_v142.0.7444.163 便携版
前端·chrome
Wect37 分钟前
Monorepo 架构全解析:从概念到落地的完整指南
前端
Zyx200741 分钟前
前端直连大模型:用原生 JavaScript 调用 DeepSeek API
javascript·deepseek
panda491941 分钟前
css主流布局
前端·css
一千柯橘42 分钟前
vite 下使用 Module Federation
前端
e***58231 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
风止何安啊1 小时前
快 2026 年了,谁还在为 this 挠头?看完这篇让你彻底从懵圈到精通
前端·javascript·node.js
烟袅1 小时前
从零开始:前端如何通过 `fetch` 调用 大模型(详解)
前端·javascript·llm