当前位置: 首页 > news >正文

Vue Echarts报错Initialize failed: invalid dom解决方法

此问题是图表初始化时 找不到dom,以下是解决方法

1、不要用created(用mounted),created这时候还只是创建了实例,但模板还没挂载完成;

  • created: 在模板渲染成 html 前调用,通常初始化某些属性值,然后再渲染成视图
  • mounted: 在模板渲染成 html 后调用,通常初始化页面完成后,再对 html 的节点进行一些操作
    简而言之:需要操作dom用 mounted,不需要则用 created
    非用created,加延迟执行也可以(如 setTimeout、nextTick)

2、document.getElementId 获取dom 换为使用 ref 指向 dom 元素

echarts.init(this.$refs.你的ref名称)

旨在分享~~~~~~~~~~~~~~~~~~~

http://www.lryc.cn/news/433720.html

相关文章:

  • MySQL—死锁
  • CS5363|CS5263升级方案|DP转HDMI 4K60HZ芯片方案
  • Git Lab 项目迁移到gitee 并且包含提交记录
  • 如何用用智能码二维码zhinengma.cn做空调机房巡检
  • 如何与客户保持高度粘性?这个系统给您答案
  • 算法知识点————两个栈实现一个队列
  • 并行程序设计基础——并行I/O(1)
  • 在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲
  • JVM系列(十) -垃圾收集器介绍
  • 项目实战 ---- 商用落地视频搜索系统(9)---UI与上层service的交互优化
  • 媒体服务器软件BUG说明及改进方案
  • Gitlab修改已push的历史commit信息
  • [Linux入门]---进程替换
  • Java语言程序设计基础篇_编程练习题*18.9 (以逆序输出一个字符串中的字符)
  • IT英语每日积累
  • QML学习二:Qt启用qml文件实时预览编辑,以及打印日志到控制台
  • JVM面试真题总结(四)
  • P1352 没有上司的舞会
  • JAVA智听未来一站式有声阅读平台听书系统小程序源码
  • 2024 第七届“巅峰极客”网络安全技能挑战赛初赛 Web方向 题解WirteUp
  • 论文阅读笔记《面向集群协同的两点相对定位技术》
  • RK3566/RK3568 Android 11 无操作自动隐藏导航栏、底部上拉显示导航栏
  • 四、Django模型
  • Telephony SS
  • 【软考】希尔排序算法分析
  • C++(一)----C++基础
  • C 语言面试题大汇总之华为面试题
  • Java:面向对象
  • 【区块链 + 基层治理】腾讯未来社区:区块链业主决策系统 | FISCO BCOS应用案例
  • 【Rust练习】13.数组