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

相关推荐
CappuccinoRose14 小时前
React框架学习文档(七)
开发语言·前端·javascript·react.js·前端框架·reactjs·react router
FFF-X14 小时前
前端字符串模糊匹配实现:精准匹配 + Levenshtein 编辑距离兜底
前端
Hi_kenyon15 小时前
Ref和Reactive都是什么时候使用?
前端·javascript·vue.js
止观止15 小时前
深入理解 interface vs type:终结之争
前端·typescript
css趣多多15 小时前
vue环境变量
前端
RFCEO15 小时前
前端编程 课程十五、:CSS核心基础3:文字+段落样式
前端·css·文字+段落样式·css文本样式·美化页面文本内容·演示动画说明·单行文字垂直居中技
摇滚侠15 小时前
【程序员入门系列】jQuery 零基础入门到精通!Jquery 选择器 API
前端·javascript·jquery
im_AMBER15 小时前
Leetcode 111 两数相加
javascript·笔记·学习·算法·leetcode
源力祁老师15 小时前
深入解析 Odoo 中 default_get 方法的功能
java·服务器·前端
sleeppingfrog16 小时前
zebra打印机实现前端打印
前端