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

相关推荐
卤蛋fg65 小时前
vue表格组件 vxe-table 鼠标滑动表头选择整列与选择整行的配置详解
vue.js
এ慕ོ冬℘゜5 小时前
JavaScript学习心得:从只会语法,到真正会写业务逻辑
开发语言·javascript·ecmascript
TomEval5 小时前
【Web UI 自动化】05 - KDT 模式原理与实现
前端·ui·自动化
南雨北斗5 小时前
vue3项目状态持久化方案Pinia
前端
计算机魔术师5 小时前
Uber 工程师不动手,Agent 接管了 70% 的代码 PR
前端
南雨北斗5 小时前
Vue3项目中使用Pinia代替TP6 session传递
前端
律宏阔5 小时前
Electron 打包 CloakBrowser:解决客户电脑缺少浏览器二进制的问题
前端
এ慕ོ冬℘゜6 小时前
jQuery 核心方法
前端·javascript·jquery
阳火锅6 小时前
老板要周报?我说不用,代码提交就是进度
前端·javascript·vue.js