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

相关推荐
phltxy2 小时前
LangChain_v1_Agent快速开发和更新说明
前端·javascript·langchain
Hyyy2 小时前
Electron多进程
前端
swipe2 小时前
08|(前端转全栈)一个商品详情接口背后的完整链路:HTTP、Redis、MySQL 与 JSON
前端·后端·全栈
用户298698530142 小时前
React 前端处理 Excel 工作表复制的技术实践
javascript·react.js·excel
梦想很大很大2 小时前
Synclan:一个基于局域网的即时通讯式文件传输工具
前端·后端·开源
光影少年2 小时前
RN原生交互 & 桥接
前端·javascript·react native·react.js·前端框架
张人玉2 小时前
基于 Vue 3 + ECharts + Express + SQLite 构—— LDA 模型的新闻舆论主题识别与情感分析系统
vue.js·echarts·express
东风破_2 小时前
React 状态更新为什么不是立即赋值?从 useState、状态快照到更新队列
前端
用户526835677902 小时前
云原生运维实践:构建 Prometheus + 自定义 Webhook 的硬件声光告警闭环
javascript
GuWenyue2 小时前
踩坑无数!吃透useState 3个核心技巧,彻底解决状态旧值、性能卡顿问题
前端·javascript·react.js