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

相关推荐
hunterandroid7 小时前
Android 测试全景:从单元测试到 UI 自动化的完整实践
android·前端
leoZ2317 小时前
第 8 篇:与 AI 协作的工作流 + 完整案例
前端·人工智能·神经网络·自然语言处理·性能优化·c#·php
背对疾风7 小时前
提前还贷,缩短年限和降低月供其实是一样的
前端
2501_928996228 小时前
Agent 开发 API 选型:硅碳相变下 Function Calling 兼容性与多模型路由拆解
前端
invicinble8 小时前
做数字产品的核心内容--数据的设计与展示
大数据·前端
LabVIEW开发8 小时前
LabVIEW运行时动态修改控件标题
前端·labview·labview知识·labview功能·labview程序
晴天168 小时前
ES6+ 核心语法
前端·es6·状态模式
AC赳赳老秦8 小时前
农产品公开数据应用:OpenClaw 抓取农产品价格、产销公开数据,实现农产品行情动态监测
java·c语言·javascript·python·php·deepseek·openclaw
API快乐传递者8 小时前
淘宝海外商品详情接口实战指南:从全球开放平台到跨境铺货的全链路方案
java·前端·数据库
gyratesky8 小时前
支持独立部署的地图方案
前端·gis