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

相关推荐
ConardLi7 小时前
开源我的 GPT-Image2 生图 Skill,附大量玩法指南
前端·人工智能·后端
我是Superman丶7 小时前
Antigravity Retry 自动重试脚本
前端·javascript·vue.js
是大强7 小时前
nvm安装node成功npm失败
前端·npm·node.js
im_AMBER8 小时前
Leetcode 162 除了自身以外数组的乘积 | 接雨水
开发语言·javascript·数据结构·算法·leetcode
\xin8 小时前
pikachu自编CSRF(GET),CSRF(POST),CSRF(token)
前端·csrf
是大强8 小时前
前端一个项目用node20 一个项目用node14 怎么切换
前端
不老刘8 小时前
Git Cherry-Pick:微前端架构下的“精准医疗”与最佳实践
前端·git
Komorebi_99998 小时前
前端开发|18 个高频易错知识点汇总(HTML+CSS+JS+Vue)面试 & 开发通用
javascript·css·html
LIO8 小时前
ESLint 极简指南:让代码既规范又一致
前端·eslint
明月_清风8 小时前
前端工程化七连问:从紧急修复到版本控制,一文打通工程化任督二脉
前端·前端工程化